@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 = "dotHorizontal";
const DotHorizontalIcon = ({ 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: "M5.625 10.125C6.661 10.125 7.5 10.965 7.5 12S6.66 13.875 5.625 13.875 3.75 13.035 3.75 12 4.59 10.125 5.625 10.125M12 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.125M18.375 10.125C19.41 10.125 20.25 10.965 20.25 12S19.41 13.875 18.375 13.875 16.5 13.035 16.5 12 17.34 10.125 18.375 10.125"
})
]
})
});
};
const _generated_DotHorizontalIcon = DotHorizontalIcon;
export default _generated_DotHorizontalIcon;
//# sourceMappingURL=DotHorizontalIcon.js.map