@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
38 lines (37 loc) • 2.06 kB
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { camelize } from "../../utils/index.js";
const iconSource = "cameraAdd";
const CameraAddIcon = ({ 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: "M18.75 17.25H22.875V18.75H18.75V22.875H17.25V18.75H13.125V17.25H17.25V13.125H18.75z"
}),
/*#__PURE__*/ jsx("path", {
d: "M12 2.25C15 2.25 15.75 3 15.75 3L17.25 5.25H21C21.828 5.25 22.5 5.922 22.5 6.75V11.625H21V6.75H16.447L14.686 4.107Q14.623 4.081 14.526 4.048C14.15 3.923 13.378 3.75 12 3.75 10.62 3.75 9.85 3.923 9.475 4.048Q9.376 4.081 9.313 4.108L7.553 6.75H3V18.75H11.625V20.25H3C2.172 20.25 1.5 19.578 1.5 18.75V6.75C1.5 5.922 2.172 5.25 3 5.25H6.75L8.25 3S9 2.25 12 2.25"
}),
/*#__PURE__*/ jsx("path", {
d: "M12 8.25C14.097 8.25 15.86 9.684 16.359 11.625H14.78C14.336 10.525 13.259 9.75 12 9.75 10.343 9.75 9 11.093 9 12.75 9 14.28 10.145 15.541 11.625 15.726V17.232C9.315 17.042 7.5 15.11 7.5 12.75 7.5 10.265 9.515 8.25 12 8.25M21.75 2.25C21.75 3.078 21.078 3.75 20.25 3.75H18V2.25z"
})
]
})
});
};
const _generated_CameraAddIcon = CameraAddIcon;
export default _generated_CameraAddIcon;
//# sourceMappingURL=CameraAddIcon.js.map