@anoki/fse-ui
Version:
FSE UI components library
192 lines (191 loc) • 8.34 kB
JavaScript
import { j as t } from "./index.es237.js";
import { useId as n } from "react";
const Z = ({
className: h,
decorative: i = !1,
ariaLabel: d = "CTA card"
}) => {
const e = n(), V = `clip0_${e}`, H = `clip1_${e}`, l = `filter0_d_${e}`, s = `path-2-inside-1_${e}`, r = `path-4-inside-2_${e}`, a = `effect1_dropShadow_${e}`;
return /* @__PURE__ */ t.jsxs(
"svg",
{
className: h,
width: "121",
height: "49",
viewBox: "0 0 121 49",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
"aria-hidden": i,
"aria-label": i ? void 0 : d,
children: [
/* @__PURE__ */ t.jsx("rect", { width: "121", height: "49", fill: "#C5C7C9" }),
/* @__PURE__ */ t.jsxs("g", { clipPath: `url(#${V})`, children: [
/* @__PURE__ */ t.jsx(
"rect",
{
width: "1440",
height: "35228",
transform: "translate(-608 -31452)",
fill: "white"
}
),
/* @__PURE__ */ t.jsx(
"rect",
{
width: "1440",
height: "29722",
transform: "translate(-608 -29136)",
fill: "white"
}
),
/* @__PURE__ */ t.jsx(
"rect",
{
width: "1055",
height: "29848.1",
transform: "translate(-223 -29136)",
fill: "white"
}
),
/* @__PURE__ */ t.jsx(
"rect",
{
width: "900",
height: "29848.1",
transform: "translate(-223 -29136)",
fill: "white"
}
),
/* @__PURE__ */ t.jsxs(
"g",
{
clipPath: `url(#${H})`,
filter: `url(#${l})`,
children: [
/* @__PURE__ */ t.jsx(
"rect",
{
x: "-199",
y: "-47.9004",
width: "320",
height: "96",
rx: "4",
fill: "#0066CC"
}
),
/* @__PURE__ */ t.jsx("mask", { id: s, fill: "white", children: /* @__PURE__ */ t.jsx(
"path",
{
fillRule: "evenodd",
clipRule: "evenodd",
d: "M103.231 7.5H44.0314V44.1287L7.40001 44.1287L7.40001 103.329H44.0314V140.7H103.231V103.329H140.6V44.1287L103.231 44.1287V7.5Z"
}
) }),
/* @__PURE__ */ t.jsx(
"path",
{
d: "M44.0314 7.5V3.5H40.0314V7.5H44.0314ZM103.231 7.5H107.231V3.5H103.231V7.5ZM44.0314 44.1287V48.1287H48.0314V44.1287H44.0314ZM7.40001 44.1287L7.40001 40.1287H3.40001L3.40001 44.1287H7.40001ZM7.40001 103.329H3.40001V107.329H7.40001V103.329ZM44.0314 103.329H48.0314V99.3287H44.0314V103.329ZM44.0314 140.7H40.0314V144.7H44.0314V140.7ZM103.231 140.7V144.7H107.231V140.7H103.231ZM103.231 103.329V99.3287H99.2314V103.329H103.231ZM140.6 103.329V107.329H144.6V103.329H140.6ZM140.6 44.1287H144.6V40.1287H140.6V44.1287ZM103.231 44.1287H99.2314V48.1287H103.231V44.1287ZM44.0314 11.5H103.231V3.5H44.0314V11.5ZM48.0314 44.1287V7.5H40.0314V44.1287H48.0314ZM7.40001 48.1287L44.0314 48.1287V40.1287L7.40001 40.1287L7.40001 48.1287ZM11.4 103.329L11.4 44.1287H3.40001L3.40001 103.329H11.4ZM44.0314 99.3287H7.40001V107.329H44.0314V99.3287ZM48.0314 140.7V103.329H40.0314V140.7H48.0314ZM103.231 136.7H44.0314V144.7H103.231V136.7ZM99.2314 103.329V140.7H107.231V103.329H99.2314ZM140.6 99.3287H103.231V107.329H140.6V99.3287ZM136.6 44.1287V103.329H144.6V44.1287H136.6ZM103.231 48.1287L140.6 48.1287V40.1287L103.231 40.1287V48.1287ZM99.2314 7.5V44.1287H107.231V7.5H99.2314Z",
fill: "white",
mask: `url(#${s})`
}
),
/* @__PURE__ */ t.jsxs("g", { opacity: "0.4", children: [
/* @__PURE__ */ t.jsx("mask", { id: r, fill: "white", children: /* @__PURE__ */ t.jsx(
"path",
{
fillRule: "evenodd",
clipRule: "evenodd",
d: "M75.363 6.85156H53.363V20.4641L39.75 20.4641V42.4641H53.363V56.3516H75.363V42.4641H89.25V20.4641L75.363 20.4641V6.85156Z"
}
) }),
/* @__PURE__ */ t.jsx(
"path",
{
d: "M53.363 6.85156V3.85156H50.363V6.85156H53.363ZM75.363 6.85156H78.363V3.85156H75.363V6.85156ZM53.363 20.4641V23.4641H56.363V20.4641H53.363ZM39.75 20.4641L39.75 17.4641H36.75V20.4641H39.75ZM39.75 42.4641H36.75V45.4641H39.75V42.4641ZM53.363 42.4641H56.363V39.4641H53.363V42.4641ZM53.363 56.3516H50.363V59.3516H53.363V56.3516ZM75.363 56.3516V59.3516H78.363V56.3516H75.363ZM75.363 42.4641V39.4641H72.363V42.4641H75.363ZM89.25 42.4641V45.4641H92.25V42.4641H89.25ZM89.25 20.4641H92.25V17.4641H89.25V20.4641ZM75.363 20.4641H72.363V23.4641H75.363V20.4641ZM53.363 9.85156H75.363V3.85156H53.363V9.85156ZM56.363 20.4641V6.85156H50.363V20.4641H56.363ZM39.75 23.4641L53.363 23.4641V17.4641L39.75 17.4641L39.75 23.4641ZM42.75 42.4641V20.4641H36.75V42.4641H42.75ZM53.363 39.4641H39.75V45.4641H53.363V39.4641ZM56.363 56.3516V42.4641H50.363V56.3516H56.363ZM75.363 53.3516H53.363V59.3516H75.363V53.3516ZM72.363 42.4641V56.3516H78.363V42.4641H72.363ZM89.25 39.4641H75.363V45.4641H89.25V39.4641ZM86.25 20.4641V42.4641H92.25V20.4641H86.25ZM75.363 23.4641H89.25V17.4641L75.363 17.4641V23.4641ZM72.363 6.85156V20.4641H78.363V6.85156H72.363Z",
fill: "white",
mask: `url(#${r})`
}
)
] })
]
}
)
] }),
/* @__PURE__ */ t.jsxs("defs", { children: [
/* @__PURE__ */ t.jsxs(
"filter",
{
id: l,
x: "-215",
y: "-63.9004",
width: "352",
height: "128",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [
/* @__PURE__ */ t.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
/* @__PURE__ */ t.jsx(
"feColorMatrix",
{
in: "SourceAlpha",
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
result: "hardAlpha"
}
),
/* @__PURE__ */ t.jsx("feOffset", {}),
/* @__PURE__ */ t.jsx("feGaussianBlur", { stdDeviation: "8" }),
/* @__PURE__ */ t.jsx(
"feColorMatrix",
{
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
}
),
/* @__PURE__ */ t.jsx(
"feBlend",
{
mode: "normal",
in2: "BackgroundImageFix",
result: a
}
),
/* @__PURE__ */ t.jsx(
"feBlend",
{
mode: "normal",
in: "SourceGraphic",
in2: a,
result: "shape"
}
)
]
}
),
/* @__PURE__ */ t.jsx("clipPath", { id: V, children: /* @__PURE__ */ t.jsx(
"rect",
{
width: "1440",
height: "35228",
fill: "white",
transform: "translate(-608 -31452)"
}
) }),
/* @__PURE__ */ t.jsx("clipPath", { id: H, children: /* @__PURE__ */ t.jsx(
"rect",
{
width: "320",
height: "96",
fill: "white",
transform: "translate(-199 -47.9004)"
}
) })
] })
]
}
);
};
export {
Z as CtaCardIcon
};
//# sourceMappingURL=index.es331.js.map