@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
22 lines (19 loc) • 1.31 kB
JavaScript
import React from 'react';
import camelize from '../../utils/camelize.js';
import 'lodash.throttle';
import cx from 'classnames';
const iconSource = "map";
const MapIcon = ({ color, size = 24, contained = false, className, }) => {
const computedClassName = cx(className, `cobalt-Icon cobalt-Icon--${iconSource}`, {
[`c-fill-${camelize(color || "")}`]: color,
"cobalt-Icon--size16": size === 16,
"cobalt-Icon--size20": size === 20,
"cobalt-Icon--size32": size === 32,
"cobalt-Icon--contained": contained,
});
const wrap = (content) => (React.createElement("span", { className: computedClassName }, content));
return wrap(React.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 8c0 4.364-5.078 9.491-5.293 9.707a.999.999 0 0 1-1.415 0C11.077 17.491 6 12.364 6 8c0-3.308 2.691-6 6-6s6 2.692 6 6Zm-6 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm0 11c4.42 0 8-1.997 8-4.463 0-1.44-1.22-2.722-3.11-3.537l-.64 1.015c1.08.502 1.75 1.194 1.75 1.964 0 1.54-2.69 2.79-6 2.79s-6-1.25-6-2.79c0-.77.67-1.462 1.75-1.964L7.11 14C5.22 14.815 4 16.098 4 17.537 4 20.003 7.58 22 12 22Z" })));
};
export { MapIcon as default };
//# sourceMappingURL=MapIcon.js.map