@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
32 lines (31 loc) • 1.47 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "moonFilled";
const MoonFilledIcon = ({ color, size = 24, contained = false, className })=>{
const computedClassName = classnames(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
[`c-fill-${camelize(color || "")}`]: color,
"cobalt-Icon--size16": 16 === size,
"cobalt-Icon--size20": 20 === size,
"cobalt-Icon--size32": 32 === size,
"cobalt-Icon--contained": contained
});
return /*#__PURE__*/ jsx("span", {
className: computedClassName,
children: /*#__PURE__*/ jsxs("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
children: [
/*#__PURE__*/ jsx("title", {
children: iconSource
}),
/*#__PURE__*/ jsx("path", {
d: "M10.362 1.629C11.195 1.499 11.68 2.392 11.315 3.025 10.56 4.343 10.125 5.87 10.125 7.5 10.125 12.47 14.155 16.5 19.125 16.5Q19.471 16.5 19.811 16.473H19.946C20.61 16.519 21.109 17.283 20.662 17.934 18.77 20.69 15.597 22.5 12 22.5 6.201 22.5 1.5 17.799 1.5 12 1.5 6.757 5.341 2.415 10.362 1.629"
})
]
})
});
};
const _generated_MoonFilledIcon = MoonFilledIcon;
export default _generated_MoonFilledIcon;
//# sourceMappingURL=MoonFilledIcon.js.map