@anoki/fse-ui
Version:
FSE UI components library
188 lines (187 loc) • 8.05 kB
JavaScript
import { j as i } from "./index.es244.js";
const l = ({
className: t,
decorative: e = !0,
ariaLabel: V = "CTA card"
}) => /* @__PURE__ */ i.jsxs(
"svg",
{
className: t,
width: "121",
height: "49",
viewBox: "0 0 121 49",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
"aria-hidden": e,
"aria-label": e ? void 0 : V,
children: [
/* @__PURE__ */ i.jsx("rect", { width: "121", height: "49", fill: "#C5C7C9" }),
/* @__PURE__ */ i.jsxs("g", { clipPath: "url(#clip0_16364_119694)", children: [
/* @__PURE__ */ i.jsx(
"rect",
{
width: "1440",
height: "35228",
transform: "translate(-608 -31452)",
fill: "white"
}
),
/* @__PURE__ */ i.jsx(
"rect",
{
width: "1440",
height: "29722",
transform: "translate(-608 -29136)",
fill: "white"
}
),
/* @__PURE__ */ i.jsx(
"rect",
{
width: "1055",
height: "29848.1",
transform: "translate(-223 -29136)",
fill: "white"
}
),
/* @__PURE__ */ i.jsx(
"rect",
{
width: "900",
height: "29848.1",
transform: "translate(-223 -29136)",
fill: "white"
}
),
/* @__PURE__ */ i.jsxs(
"g",
{
clipPath: "url(#clip1_16364_119694)",
filter: "url(#filter0_d_16364_119694)",
children: [
/* @__PURE__ */ i.jsx(
"rect",
{
x: "-199",
y: "-47.9004",
width: "320",
height: "96",
rx: "4",
fill: "#0066CC"
}
),
/* @__PURE__ */ i.jsx("mask", { id: "path-2-inside-1_16364_119694", fill: "white", children: /* @__PURE__ */ i.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__ */ i.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(#path-2-inside-1_16364_119694)"
}
),
/* @__PURE__ */ i.jsxs("g", { opacity: "0.4", children: [
/* @__PURE__ */ i.jsx("mask", { id: "path-4-inside-2_16364_119694", fill: "white", children: /* @__PURE__ */ i.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__ */ i.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(#path-4-inside-2_16364_119694)"
}
)
] })
]
}
)
] }),
/* @__PURE__ */ i.jsxs("defs", { children: [
/* @__PURE__ */ i.jsxs(
"filter",
{
id: "filter0_d_16364_119694",
x: "-215",
y: "-63.9004",
width: "352",
height: "128",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [
/* @__PURE__ */ i.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
/* @__PURE__ */ i.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__ */ i.jsx("feOffset", {}),
/* @__PURE__ */ i.jsx("feGaussianBlur", { stdDeviation: "8" }),
/* @__PURE__ */ i.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__ */ i.jsx(
"feBlend",
{
mode: "normal",
in2: "BackgroundImageFix",
result: "effect1_dropShadow_16364_119694"
}
),
/* @__PURE__ */ i.jsx(
"feBlend",
{
mode: "normal",
in: "SourceGraphic",
in2: "effect1_dropShadow_16364_119694",
result: "shape"
}
)
]
}
),
/* @__PURE__ */ i.jsx("clipPath", { id: "clip0_16364_119694", children: /* @__PURE__ */ i.jsx(
"rect",
{
width: "1440",
height: "35228",
fill: "white",
transform: "translate(-608 -31452)"
}
) }),
/* @__PURE__ */ i.jsx("clipPath", { id: "clip1_16364_119694", children: /* @__PURE__ */ i.jsx(
"rect",
{
width: "320",
height: "96",
fill: "white",
transform: "translate(-199 -47.9004)"
}
) })
] })
]
}
);
export {
l as CtaCardIcon
};
//# sourceMappingURL=index.es446.js.map