@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
34 lines (33 loc) • 1.76 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "slider";
const SliderIcon = ({ 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", {
fillRule: "evenodd",
d: "M8.25 13.5C9.648 13.5 10.823 14.456 11.156 15.75H20.25V17.25H11.156C10.822 18.544 9.648 19.5 8.25 19.5S5.678 18.544 5.344 17.25H3.75V15.75H5.344C5.678 14.456 6.852 13.5 8.25 13.5M8.25 15C7.422 15 6.75 15.672 6.75 16.5S7.422 18 8.25 18 9.75 17.328 9.75 16.5 9.078 15 8.25 15M17.625 4.5C19.282 4.5 20.625 5.843 20.625 7.5S19.282 10.5 17.625 10.5C16.227 10.5 15.053 9.544 14.72 8.25H3.75V6.75H14.72C15.052 5.456 16.227 4.5 17.625 4.5M17.625 6C16.797 6 16.125 6.672 16.125 7.5S16.797 9 17.625 9 19.125 8.328 19.125 7.5 18.453 6 17.625 6",
clipRule: "evenodd"
})
]
})
});
};
const _generated_SliderIcon = SliderIcon;
export default _generated_SliderIcon;
//# sourceMappingURL=SliderIcon.js.map