@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
32 lines (31 loc) • 1.55 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "dotVerticalFilled";
const DotVerticalFilledIcon = ({ 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 16.125C13.243 16.125 14.25 17.132 14.25 18.375S13.243 20.625 12 20.625 9.75 19.618 9.75 18.375 10.757 16.125 12 16.125M12 9.75C13.243 9.75 14.25 10.757 14.25 12S13.243 14.25 12 14.25 9.75 13.243 9.75 12 10.757 9.75 12 9.75M12 3.375C13.243 3.375 14.25 4.382 14.25 5.625S13.243 7.875 12 7.875 9.75 6.868 9.75 5.625 10.757 3.375 12 3.375"
})
]
})
});
};
const _generated_DotVerticalFilledIcon = DotVerticalFilledIcon;
export default _generated_DotVerticalFilledIcon;
//# sourceMappingURL=DotVerticalFilledIcon.js.map