@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
32 lines (31 loc) • 1.52 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "dotVertical";
const DotVerticalIcon = ({ 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.5C13.036 16.5 13.875 17.34 13.875 18.375S13.035 20.25 12 20.25 10.125 19.41 10.125 18.375 10.965 16.5 12 16.5M12 10.125C13.036 10.125 13.875 10.965 13.875 12S13.035 13.875 12 13.875 10.125 13.035 10.125 12 10.965 10.125 12 10.125M12 3.75C13.036 3.75 13.875 4.59 13.875 5.625S13.035 7.5 12 7.5 10.125 6.66 10.125 5.625 10.965 3.75 12 3.75"
})
]
})
});
};
const _generated_DotVerticalIcon = DotVerticalIcon;
export default _generated_DotVerticalIcon;
//# sourceMappingURL=DotVerticalIcon.js.map