import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useId } from 'react';
import { Icon } from "../../components/Icon.js";
export function AmpLogoIcon({ variant = 'mono', ...props }) {
    const id0 = useId();
    const id1 = useId();
    const src = (() => {
        switch (variant) {
            default:
            case 'mono':
                return _jsxs("svg", { fill: "currentcolor", viewBox: "0 0 24 24", children: [_jsx("path", { d: "m16.043 12.857-.434-.871L12 15.619l-3.609-3.633-.434.871L12 21z" }), _jsx("path", { d: "M19.5 18.107a28 28 0 0 0-1.91-.421L12 6.429 6.41 17.686a28 28 0 0 0-1.91.421L12 3z" })] });
            case 'branded':
                return _jsxs("svg", { viewBox: "0 0 24 24", children: [_jsx("path", { fill: `url(#${id0})`, d: "m16.043 12.857-.434-.871L12 15.619l-3.609-3.633-.434.871L12 21z" }), _jsx("path", { fill: `url(#${id1})`, d: "M19.5 18.107a28 28 0 0 0-1.91-.421L12 6.429 6.41 17.686a28 28 0 0 0-1.91.421L12 3z" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: id0, x1: 12, x2: 12, y1: 21, y2: 14.09, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#A238FF" }), _jsx("stop", { offset: 1, stopColor: "#6F4CFF" })] }), _jsxs("linearGradient", { id: id1, x1: 12, x2: 12, y1: 18.107, y2: 3, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: 0.39, stopColor: "#6F4CFF" }), _jsx("stop", { offset: 1, stopColor: "#3694FF" })] })] })] });
        }
    })();
    return _jsx(Icon, { src: src, "data-name": "AmpLogo", ...props });
}
//# sourceMappingURL=AmpLogoIcon.js.map