import { CSSProperties } from "react";

export function FranceIcon(props: { className?: string; style?: CSSProperties }) {
    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="71" height="48" viewBox="0 0 71 48" version="1.1" className={props.className} style={props.style}>
            <defs />
            <g id="Flags" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" transform="translate(-324.000000, -744.000000)">
                <g transform="translate(70.000000, 70.000000)" fillRule="nonzero" id="France-3">
                    <g transform="translate(254.000000, 674.000000)">
                        <g id="Belgium-7">
                            <g id="Bahamas-8">
                                <path d="M6.51,0.11 C2.99746899,0.11 0.15,2.95746899 0.15,6.47 L0.15,40.74 C0.15,44.252531 2.99746899,47.1 6.51,47.1 L23.51,47.1 C23.51,31.4333333 23.51,15.7666667 23.51,0.1 L6.51,0.11 Z" id="Shape" fill="#4758A9" />
                                <path d="M23.49,0.11 C23.49,15.7766667 23.49,31.4433333 23.49,47.11 L46.84,47.11 C46.84,31.4433333 46.84,15.7766667 46.84,0.11 L23.49,0.11 Z" id="Shape" fill="#FFFFFF" />
                                <path d="M63.78,0.11 L46.83,0.11 C46.83,15.7766667 46.83,31.4433333 46.83,47.11 L63.78,47.11 C67.292531,47.11 70.14,44.262531 70.14,40.75 L70.14,6.48 C70.1426549,4.79149117 69.4737576,3.17123007 68.2807384,1.97633501 C67.0877191,0.781439956 65.4685109,0.109997913 63.78,0.11 Z" id="Shape" fill="#ED5565" />
                            </g>
                        </g>
                    </g>
                </g>
            </g>
        </svg>
    );
}
