type UsFlagIconProps = {
    className?: string;
    title?: string;
};

export function UsFlagIcon({ className, title = 'United States' }: UsFlagIconProps) {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 640 480"
            className={className}
            role="img"
            aria-label={title}
        >
            <path fill="#b22234" d="M0 0h640v480H0z" />
            <path
                stroke="#fff"
                strokeWidth="37"
                d="M0 37h640M0 111h640M0 185h640M0 259h640M0 333h640M0 407h640"
            />
            <path fill="#3c3b6e" d="M0 0h364.8v258.5H0" />
            <g fill="#fff">
                <circle cx="52" cy="45" r="12" />
                <circle cx="130" cy="45" r="12" />
                <circle cx="208" cy="45" r="12" />
                <circle cx="286" cy="45" r="12" />
                <circle cx="91" cy="90" r="12" />
                <circle cx="169" cy="90" r="12" />
                <circle cx="247" cy="90" r="12" />
                <circle cx="52" cy="135" r="12" />
                <circle cx="130" cy="135" r="12" />
                <circle cx="208" cy="135" r="12" />
                <circle cx="286" cy="135" r="12" />
                <circle cx="91" cy="180" r="12" />
                <circle cx="169" cy="180" r="12" />
                <circle cx="247" cy="180" r="12" />
                <circle cx="52" cy="225" r="12" />
                <circle cx="130" cy="225" r="12" />
                <circle cx="208" cy="225" r="12" />
            </g>
        </svg>
    );
}