export const blockIcon = () => (
    <svg
        xmlns="http://www.w3.org/2000/svg"
        style={{ width: 24, height: 24 }}
        fill="none"
        viewBox="0 0 24 24"
        stroke="#1e1e1e"
        strokeWidth="2">
        <path
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
            d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
        />
    </svg>
);
export const languageIcon = () => (
    <svg
        xmlns="http://www.w3.org/2000/svg"
        style={{ width: 24, height: 24 }}
        fill="none"
        viewBox="0 0 24 24"
        stroke="#1e1e1e"
        strokeWidth={1.5}>
        <path
            fill="none"
            strokeLinecap="round"
            strokeLinejoin="round"
            d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5"
        />
    </svg>
);
export const HeadlightsIcon = () => (
    <svg
        xmlns="http://www.w3.org/2000/svg"
        width={54}
        height={14}
        viewBox="0 0 54 14">
        <g fill="none" fillRule="evenodd" transform="translate(1 1)">
            <circle
                cx="6"
                cy="6"
                r="6"
                fill="#FF5F56"
                stroke="#E0443E"
                strokeWidth=".5"></circle>
            <circle
                cx="26"
                cy="6"
                r="6"
                fill="#FFBD2E"
                stroke="#DEA123"
                strokeWidth=".5"></circle>
            <circle
                cx="46"
                cy="6"
                r="6"
                fill="#27C93F"
                stroke="#1AAB29"
                strokeWidth=".5"></circle>
        </g>
    </svg>
);
