@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
32 lines (31 loc) • 1.5 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "dashcamFilled";
const DashcamFilledIcon = ({ 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: "M15.375 3.938C16.515 3.938 17.438 4.86 17.438 6V18C17.438 19.14 16.514 20.063 15.375 20.063H4.5C3.36 20.063 2.438 19.139 2.438 18V6C2.438 4.86 3.36 3.938 4.5 3.938zM21.335 6.348C21.762 6.078 22.312 6.388 22.312 6.887V17.113C22.313 17.611 21.763 17.923 21.336 17.653L21.333 17.65 18.563 15.887V8.111L21.333 6.349z"
})
]
})
});
};
const _generated_DashcamFilledIcon = DashcamFilledIcon;
export default _generated_DashcamFilledIcon;
//# sourceMappingURL=DashcamFilledIcon.js.map