@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
39 lines (38 loc) • 1.97 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "warningCircleFilled";
const WarningCircleFilledIcon = ({ 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", {
fillRule: "evenodd",
d: "M12 1.5C17.799 1.5 22.5 6.201 22.5 12S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5M12 15.375C11.172 15.375 10.5 16.047 10.5 16.875S11.172 18.375 12 18.375 13.5 17.703 13.5 16.875 12.828 15.375 12 15.375M10.875 5.625V13.875H13.125V5.625z",
clipRule: "evenodd"
}),
/*#__PURE__*/ jsx("path", {
fillRule: "evenodd",
d: "M12 1.5C17.799 1.5 22.5 6.201 22.5 12S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5M12 15.375C11.172 15.375 10.5 16.047 10.5 16.875S11.172 18.375 12 18.375 13.5 17.703 13.5 16.875 12.828 15.375 12 15.375M10.875 5.625V13.875H13.125V5.625z",
clipRule: "evenodd"
})
]
})
});
};
const _generated_WarningCircleFilledIcon = WarningCircleFilledIcon;
export default _generated_WarningCircleFilledIcon;
//# sourceMappingURL=WarningCircleFilledIcon.js.map