@cgi-learning-hub/ui
Version:
@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features
59 lines (58 loc) • 2.8 kB
JavaScript
import { jsxs as l, jsx as i } from "react/jsx-runtime";
const h = ({
fill: t,
onClick: C
}) => /* @__PURE__ */ l(
"svg",
{
width: "100%",
height: "100%",
viewBox: "0 0 44 44",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
onClick: C,
style: { cursor: "pointer" },
children: [
/* @__PURE__ */ i("g", { clipPath: "url(#clip0_1863_3664)", children: /* @__PURE__ */ l("g", { clipPath: "url(#clip1_1863_3664)", children: [
/* @__PURE__ */ i(
"path",
{
d: "M31 20.2168C31 26.2919 26.0751 31.2168 20 31.2168C13.9249 31.2168 9 26.2919 9 20.2168C9 14.1417 13.9249 9.2168 20 9.2168C26.0751 9.2168 31 14.1417 31 20.2168Z",
fill: t ?? "#EB4D4B"
}
),
/* @__PURE__ */ i("circle", { cx: "29", cy: "28.2168", r: "5", fill: "white" }),
/* @__PURE__ */ i(
"path",
{
d: "M29 22.2168C25.6867 22.2168 23 24.9035 23 28.2168C23 31.5301 25.6867 34.2168 29 34.2168C29.5533 34.2168 30 33.7701 30 33.2168C30 32.9568 29.9 32.7235 29.74 32.5435C29.5867 32.3701 29.4867 32.1368 29.4867 31.8835C29.4867 31.3301 29.9333 30.8835 30.4867 30.8835H31.6667C33.5067 30.8835 35 29.3901 35 27.5501C35 24.6035 32.3133 22.2168 29 22.2168ZM25.3333 28.2168C24.78 28.2168 24.3333 27.7701 24.3333 27.2168C24.3333 26.6635 24.78 26.2168 25.3333 26.2168C25.8867 26.2168 26.3333 26.6635 26.3333 27.2168C26.3333 27.7701 25.8867 28.2168 25.3333 28.2168ZM27.3333 25.5501C26.78 25.5501 26.3333 25.1035 26.3333 24.5501C26.3333 23.9968 26.78 23.5501 27.3333 23.5501C27.8867 23.5501 28.3333 23.9968 28.3333 24.5501C28.3333 25.1035 27.8867 25.5501 27.3333 25.5501ZM30.6667 25.5501C30.1133 25.5501 29.6667 25.1035 29.6667 24.5501C29.6667 23.9968 30.1133 23.5501 30.6667 23.5501C31.22 23.5501 31.6667 23.9968 31.6667 24.5501C31.6667 25.1035 31.22 25.5501 30.6667 25.5501ZM32.6667 28.2168C32.1133 28.2168 31.6667 27.7701 31.6667 27.2168C31.6667 26.6635 32.1133 26.2168 32.6667 26.2168C33.22 26.2168 33.6667 26.6635 33.6667 27.2168C33.6667 27.7701 33.22 28.2168 32.6667 28.2168Z",
fill: "#333333"
}
)
] }) }),
/* @__PURE__ */ l("defs", { children: [
/* @__PURE__ */ i("clipPath", { id: "clip0_1863_3664", children: /* @__PURE__ */ i(
"rect",
{
width: "44",
height: "43",
fill: "white",
transform: "translate(0 0.216797)"
}
) }),
/* @__PURE__ */ i("clipPath", { id: "clip1_1863_3664", children: /* @__PURE__ */ i(
"rect",
{
width: "26",
height: "25",
fill: "white",
transform: "translate(9 9.2168)"
}
) })
] })
]
}
);
export {
h as ColorPickerIcon
};