@particle-network/connectkit
Version:
72 lines (69 loc) • 2.21 kB
JavaScript
"use client";
import {
__esm
} from "./chunk-Y7A564BU.mjs";
// src/assets/icons/DownArrowIcon.tsx
import { motion } from "framer-motion";
import { jsx, jsxs } from "react/jsx-runtime";
var DownArrowIcon, DownArrowIcon_default;
var init_DownArrowIcon = __esm({
"src/assets/icons/DownArrowIcon.tsx"() {
DownArrowIcon = ({ spin = false, ...props }) => {
const { color = "var(--pcm-body-color-secondary)" } = props;
const variants = {
up: { rotate: 180 },
down: { rotate: 0 }
};
return /* @__PURE__ */ jsxs(
motion.svg,
{
width: "8",
height: "8",
viewBox: "0 0 8 5",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
animate: spin ? "up" : "down",
variants,
...props,
children: [
/* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_0_12077)", children: [
/* @__PURE__ */ jsx(
"rect",
{
x: "0.353892",
y: "0.708008",
width: "0.500478",
height: "5.00478",
transform: "rotate(-45 0.353892 0.708008)",
fill: color,
stroke: color,
strokeWidth: "0.500478"
}
),
/* @__PURE__ */ jsx(
"rect",
{
x: "7.09778",
y: "0.354136",
width: "0.500478",
height: "5.00478",
transform: "rotate(45 7.09778 0.354136)",
fill: color,
stroke: color,
strokeWidth: "0.500478"
}
)
] }),
/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_0_12077", children: /* @__PURE__ */ jsx("rect", { width: "7.80557", height: "4.60059", fill: "white", transform: "translate(0 0.000244141)" }) }) })
]
}
);
};
DownArrowIcon_default = DownArrowIcon;
}
});
export {
DownArrowIcon_default,
init_DownArrowIcon
};
//# sourceMappingURL=chunk-QZKTRS47.mjs.map