import type { SVGAttributes } from 'react';

/**
 * Symbole de marque : toit de paillote stylisé, réduit à deux plans
 * triangulaires superposés — évoque la structure ouverte d'un maquis
 * sans tomber dans le décoratif.
 */
export default function AppLogoIcon(props: SVGAttributes<SVGElement>) {
    return (
        <svg
            {...props}
            viewBox="0 0 40 40"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
        >
            <path
                d="M20 4L36 15.5H4L20 4Z"
                fill="currentColor"
                opacity="0.35"
            />
            <path d="M20 12L33 21.5H7L20 12Z" fill="currentColor" />
            <path
                d="M11 21.5H29V25.5C29 26.0523 28.5523 26.5 28 26.5H12C11.4477 26.5 11 26.0523 11 25.5V21.5Z"
                fill="currentColor"
            />
            <path
                d="M15 26.5H17V35C17 35.5523 16.5523 36 16 36C15.4477 36 15 35.5523 15 35V26.5Z"
                fill="currentColor"
            />
            <path
                d="M23 26.5H25V35C25 35.5523 24.5523 36 24 36C23.4477 36 23 35.5523 23 35V26.5Z"
                fill="currentColor"
            />
        </svg>
    );
}