cherry-styled-components
Version:
Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.
76 lines (75 loc) • 1.94 kB
JavaScript
"use client";
"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { useTheme } from "styled-components";
//#region src/lib/utils/icons.tsx
function IconCheck({ ...props }) {
const theme = useTheme();
return /* @__PURE__ */ jsx("svg", {
width: "12",
height: "10",
viewBox: "0 0 12 10",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ jsx("path", {
d: "M10 2L4.4 8L2 5.75",
stroke: theme.colors.primary,
strokeWidth: "3",
strokeLinecap: "round",
strokeLinejoin: "round"
})
});
}
function IconArrow({ ...props }) {
const theme = useTheme();
return /* @__PURE__ */ jsx("svg", {
width: "16",
height: "10",
viewBox: "0 0 16 10",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
...props,
children: /* @__PURE__ */ jsx("path", {
d: "M2 2L8 8L14 2",
stroke: theme.colors.primary,
strokeWidth: "3",
strokeLinecap: "round",
strokeLinejoin: "round"
})
});
}
function IconCalendar({ ...props }) {
return /* @__PURE__ */ jsxs("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "none",
stroke: useTheme().colors.primary,
strokeWidth: "2",
strokeLinecap: "round",
strokeLinejoin: "round",
...props,
children: [
/* @__PURE__ */ jsx("path", { d: "M8 2v4" }),
/* @__PURE__ */ jsx("path", { d: "M16 2v4" }),
/* @__PURE__ */ jsx("rect", {
width: "18",
height: "18",
x: "3",
y: "4",
rx: "2"
}),
/* @__PURE__ */ jsx("path", { d: "M3 10h18" }),
/* @__PURE__ */ jsx("path", { d: "M8 14h.01" }),
/* @__PURE__ */ jsx("path", { d: "M12 14h.01" }),
/* @__PURE__ */ jsx("path", { d: "M16 14h.01" }),
/* @__PURE__ */ jsx("path", { d: "M8 18h.01" }),
/* @__PURE__ */ jsx("path", { d: "M12 18h.01" }),
/* @__PURE__ */ jsx("path", { d: "M16 18h.01" })
]
});
}
//#endregion
export { IconArrow, IconCalendar, IconCheck };