@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
32 lines (31 loc) • 1.41 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "starHalf";
const StarHalfIcon = ({ 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: "M12 18.375 6.734 21.145C6.183 21.434 5.539 20.966 5.645 20.354L6.65 14.488 2.39 10.335C1.944 9.9 2.189 9.145 2.805 9.055L8.694 8.2 11.327 2.862C11.465 2.584 11.733 2.445 12.001 2.445zM9.69 9.571 4.525 10.32 8.262 13.964 7.38 19.11 10.5 17.47V7.927z"
})
]
})
});
};
const _generated_StarHalfIcon = StarHalfIcon;
export default _generated_StarHalfIcon;
//# sourceMappingURL=StarHalfIcon.js.map