@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
34 lines (33 loc) • 1.54 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "gpsFilled";
const GpsFilledIcon = ({ 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: "M12 1.5C17.799 1.5 22.5 6.201 22.5 12S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5M17.34 7.577C17.493 7.027 16.975 6.507 16.424 6.659L16.305 6.702 5.623 11.558C4.96 11.858 5.072 12.832 5.785 12.976L10.151 13.849 11.024 18.215C11.167 18.928 12.141 19.04 12.442 18.378L17.298 7.696z",
clipRule: "evenodd"
})
]
})
});
};
const _generated_GpsFilledIcon = GpsFilledIcon;
export default _generated_GpsFilledIcon;
//# sourceMappingURL=GpsFilledIcon.js.map