import type { SVGAttributes } from 'react';

import { cn } from '@/lib/utils';

/** App mark: stacked chevrons (stroke). Color follows `currentColor` / `text-*` on the SVG. */
export default function AppLogoIcon({ className, ...props }: SVGAttributes<SVGElement>) {
    return (
        <svg
            viewBox="0 0 32 32"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            aria-hidden
            className={cn('shrink-0', className)}
            {...props}
        >
            <path
                d="M6 26 L 16 20 L 26 26"
                stroke="currentColor"
                strokeWidth="3.102"
                strokeLinecap="round"
                strokeLinejoin="round"
            />
            <path
                d="M6 18 L 16 12 L 26 18"
                stroke="currentColor"
                strokeWidth="3.102"
                strokeLinecap="round"
                strokeLinejoin="round"
                opacity={0.7}
            />
            <path
                d="M6 10 L 16 4 L 26 10"
                stroke="currentColor"
                strokeWidth="3.102"
                strokeLinecap="round"
                strokeLinejoin="round"
                opacity={0.4}
            />
        </svg>
    );
}