import React from 'react';

export default (): JSX.Element => (
    <svg viewBox="0 0 266 150" fill="none">
        <path fill="var(--solid)" d="M0 0h266v150H0z" />
        <rect
            x={20}
            y={86}
            width={29}
            height={10}
            rx={2}
            //   fill="var(--main-500)"
            className="fill-current text-gray-500"
        />
        <rect
            x={55}
            y={86}
            width={29}
            height={10}
            rx={2}
            //   fill="var(--base-400)"
            className="fill-current text-gray-400"
        />
        <rect
            x={20}
            y={64}
            width={104}
            height={4}
            rx={2}
            //   fill="var(--base-500)"
            className="fill-current text-gray-500"
        />
        <rect
            x={20}
            y={53}
            width={72}
            height={5}
            rx={2.5}
            //   fill="var(--solid-900)"
            className="fill-current text-gray-900"
        />
        <rect
            x={20}
            y={72}
            width={97}
            height={4}
            rx={2}
            // fill="var(--base-500)"
            className="fill-current text-gray-500"
        />
        <path
            d="M176.778 92h26.444A3.778 3.778 0 00207 88.222V61.778A3.778 3.778 0 00203.222 58h-26.444A3.778 3.778 0 00173 61.778v26.444A3.778 3.778 0 00176.778 92zm0 0l20.778-20.778L207 80.667m-20.778-12.278a2.833 2.833 0 11-5.666 0 2.833 2.833 0 015.666 0z"
            //   stroke="var(--base-500)"
            className="stroke-current text-gray-500"
            strokeWidth={3}
            strokeLinecap="round"
            strokeLinejoin="round"
        />
    </svg>
);