@codex-storage/marketplace-ui-components
Version:
Marketplace UI components for Codex decentralized storage network.
255 lines (254 loc) • 6.79 kB
JavaScript
import { jsxs as e, jsx as r } from "react/jsx-runtime";
import '../../assets/EmptyPlaceholderIcon.css';function i({ width: l, className: t }) {
return /* @__PURE__ */ e(
"svg",
{
width: l,
className: `${t} empty-placeholder-icon`,
viewBox: "0 0 178 90",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
children: [
/* @__PURE__ */ r(
"rect",
{
x: "27",
y: "50.5",
width: "124",
height: "39",
rx: "7.5",
fill: "currentColor",
className: "g3njg dark:fill-neutral-800"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "27",
y: "50.5",
width: "124",
height: "39",
rx: "7.5",
stroke: "currentColor",
className: "ir0tw dark:stroke-neutral-700/10"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "34.5",
y: "58",
width: "24",
height: "24",
rx: "4",
fill: "currentColor",
className: "q1q6p dark:fill-neutral-700/30"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "66.5",
y: "61",
width: "60",
height: "6",
rx: "3",
fill: "currentColor",
className: "q1q6p dark:fill-neutral-700/30"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "66.5",
y: "73",
width: "77",
height: "6",
rx: "3",
fill: "currentColor",
className: "q1q6p dark:fill-neutral-700/30"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "19.5",
y: "28.5",
width: "139",
height: "39",
rx: "7.5",
fill: "currentColor",
className: "g3njg dark:fill-neutral-800"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "19.5",
y: "28.5",
width: "139",
height: "39",
rx: "7.5",
stroke: "currentColor",
className: "byl25 dark:stroke-neutral-700/30"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "27",
y: "36",
width: "24",
height: "24",
rx: "4",
fill: "currentColor",
className: "m1d7o dark:fill-neutral-700/70"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "59",
y: "39",
width: "60",
height: "6",
rx: "3",
fill: "currentColor",
className: "m1d7o dark:fill-neutral-700/70"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "59",
y: "51",
width: "92",
height: "6",
rx: "3",
fill: "currentColor",
className: "m1d7o dark:fill-neutral-700/70"
}
),
/* @__PURE__ */ e("g", { filter: "url(#filter19)", children: [
/* @__PURE__ */ r(
"rect",
{
x: "12",
y: "6",
width: "154",
height: "40",
rx: "8",
fill: "currentColor",
className: "g3njg dark:fill-neutral-800",
shapeRendering: "crispEdges"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "12.5",
y: "6.5",
width: "153",
height: "39",
rx: "7.5",
stroke: "currentColor",
className: "byl25 dark:stroke-neutral-700/60",
shapeRendering: "crispEdges"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "20",
y: "14",
width: "24",
height: "24",
rx: "4",
fill: "currentColor",
className: "ylane dark:fill-neutral-700 "
}
),
/* @__PURE__ */ r(
"rect",
{
x: "52",
y: "17",
width: "60",
height: "6",
rx: "3",
fill: "currentColor",
className: "ylane dark:fill-neutral-700"
}
),
/* @__PURE__ */ r(
"rect",
{
x: "52",
y: "29",
width: "106",
height: "6",
rx: "3",
fill: "currentColor",
className: "ylane dark:fill-neutral-700"
}
)
] }),
/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ e(
"filter",
{
id: "filter19",
x: "0",
y: "0",
width: "178",
height: "64",
filterUnits: "userSpaceOnUse",
colorInterpolationFilters: "sRGB",
children: [
/* @__PURE__ */ r("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
/* @__PURE__ */ r(
"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__ */ r("feOffset", { dy: "6" }),
/* @__PURE__ */ r("feGaussianBlur", { stdDeviation: "6" }),
/* @__PURE__ */ r("feComposite", { in2: "hardAlpha", operator: "out" }),
/* @__PURE__ */ r(
"feColorMatrix",
{
type: "matrix",
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"
}
),
/* @__PURE__ */ r(
"feBlend",
{
mode: "normal",
in2: "BackgroundImageFix",
result: "effect1_dropShadow_1187_14810"
}
),
/* @__PURE__ */ r(
"feBlend",
{
mode: "normal",
in: "SourceGraphic",
in2: "effect1_dropShadow_1187_14810",
result: "shape"
}
)
]
}
) })
]
}
);
}
export {
i as EmptyPlaceholderIcon
};
//# sourceMappingURL=EmptyPlaceholderIcon.js.map