@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
32 lines (31 loc) • 1.56 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "dotHorizontalFilled";
const DotHorizontalFilledIcon = ({ 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 9.75C6.868 9.75 7.875 10.757 7.875 12S6.868 14.25 5.625 14.25 3.375 13.243 3.375 12 4.382 9.75 5.625 9.75M12 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.75M18.375 9.75C19.618 9.75 20.625 10.757 20.625 12S19.618 14.25 18.375 14.25 16.125 13.243 16.125 12 17.132 9.75 18.375 9.75"
})
]
})
});
};
const _generated_DotHorizontalFilledIcon = DotHorizontalFilledIcon;
export default _generated_DotHorizontalFilledIcon;
//# sourceMappingURL=DotHorizontalFilledIcon.js.map