const Logo = ({ className = "h-10", variant = "default" }: { className?: string; variant?: "default" | "white" }) => {
    return (
        <svg
            viewBox="0 0 400 120"
            className={className}
            xmlns="http://www.w3.org/2000/svg"
            fill="none"
        >
            <path
                d="M40 20 H100 M70 20 V100"
                stroke={variant === "white" ? "white" : "#00C853"}
                strokeWidth="12"
                strokeLinecap="round"
            />
            <path
                d="M120 100 L150 20 L180 100 M135 70 H165"
                stroke={variant === "white" ? "white" : "#00C853"}
                strokeWidth="12"
                strokeLinecap="round"
                strokeLinejoin="round"
            />
            <path
                d="M200 100 V20 H250 A30 30 0 0 1 250 80 H200 M250 80 L280 100"
                stroke={variant === "white" ? "white" : "#00C853"}
                strokeWidth="12"
                strokeLinecap="round"
                strokeLinejoin="round"
            />
            <path
                d="M300 20 H360 V100 H300 V60 H350"
                stroke={variant === "white" ? "white" : "#00C853"}
                strokeWidth="12"
                strokeLinecap="round"
                strokeLinejoin="round"
            />
            <path
                d="M380 60 A40 40 0 1 1 380 59"
                stroke={variant === "white" ? "white" : "#00C853"}
                strokeWidth="12"
                strokeLinecap="round"
            />
        </svg>
    );
};

export default Logo;