@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
22 lines (19 loc) • 3.85 kB
JavaScript
import React from 'react';
import camelize from '../../utils/camelize.js';
import 'lodash.throttle';
import cx from 'classnames';
const iconSource = "contactPhone";
const ContactPhoneIcon = ({ 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", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" },
React.createElement("path", { d: "m22 17.7954545c0 .2556819-.0473485.5894887-.1420455 1.0014205-.0946969.4119318-.1941287.7362689-.2982954.9730114-.1988636.4734848-.7765152.9753788-1.7329546 1.5056818-.8901515.4829545-1.7708333.7244318-2.6420454.7244318-.2556818 0-.5042614-.016572-.7457386-.0497159-.2414773-.0331439-.5137311-.0923296-.8167614-.1775568-.3030303-.0852273-.5279356-.1538826-.6747159-.2059659-.1467803-.0520834-.4095644-.1491478-.7883523-.2911932-.3787879-.1420455-.6107954-.2272727-.6960227-.2556818-.9280303-.3314394-1.7566288-.7244319-2.4857955-1.1789773-1.21212118-.7481061-2.46448861-1.7684659-3.75710225-3.0610796-1.29261363-1.2926136-2.31297348-2.544981-3.06107954-3.7571022-.45454546-.7291667-.84753788-1.5577652-1.17897727-2.4857955-.02840909-.0852273-.11363637-.3172348-.25568182-.69602271-.14204546-.37878788-.23910985-.64157197-.29119318-.78835227-.05208334-.1467803-.12073864-.37168561-.20596591-.67471591-.08522728-.3030303-.14441288-.57528409-.17755682-.81676136-.03314394-.24147728-.04971591-.49005682-.04971591-.74573864 0-.87121212.24147727-1.75189394.72443182-2.64204546.53030303-.95643939 1.03219697-1.5340909 1.50568182-1.73295454.23674242-.10416667.56107954-.20359849.97301136-.29829546s.74573864-.14204545 1.00142045-.14204545c.13257576 0 .23200758.01420455.29829546.04261364.17045454.05681818.42140151.41666666.75284091 1.07954545.10416666.17992424.24621212.43560606.42613636.76704546.17992424.33143939.34564394.63210227.49715909.90198863.15151515.26988637.29829546.52320076.44034091.75994318.02840909.03787879.11126894.15625.24857955.35511364.1373106.19886364.23910985.36695076.30539772.50426136.06628788.13731061.09943182.27225379.09943182.40482955 0 .18939394-.13494318.42613636-.40482954.71022727-.26988637.28409091-.56344697.54450758-.88068182.78125-.31723485.23674243-.61079546.4876894-.88068182.75284091-.26988636.26515152-.40482954.48295455-.40482954.65340909 0 .08522727.02367424.19176137.07102272.31960232.04734849.1278409.0875947.2249053.12073864.2911931.03314394.0662879.09943182.1799243.19886364.3409091.09943181.1609849.15388257.250947.16335227.2698864.71969697 1.2973485 1.5435606 2.4100379 2.47159091 3.3380682.92803027.9280303 2.04071967 1.7518939 3.33806817 2.4715909.0189394.0094697.1089015.0639204.2698864.1633523.1609848.0994318.2746212.1657197.3409091.1988636.0662878.0331439.1633522.0733901.2911931.1207386.127841.0473485.234375.0710228.3196023.0710228.1704546 0 .3882576-.1349432.6534091-.4048296s.5160985-.563447.7528409-.8806818c.2367424-.3172349.4971591-.6107955.78125-.8806818.2840909-.2698864.5208334-.4048296.7102273-.4048296.1325757 0 .2675189.033144.4048295.0994318.1373106.0662879.3053978.1680872.5042614.3053978s.3172348.2201704.3551136.2485795c.2367425.1420455.4900569.2888258.7599432.4403409.2698864.1515152.5705493.3172349.9019887.4971591.3314393.1799243.5871212.3219697.7670454.4261364.6628788.3314394 1.0227273.5823863 1.0795455.7528409.0284091.0662879.0426136.1657197.0426136.2982954z" })));
};
export { ContactPhoneIcon as default };
//# sourceMappingURL=ContactPhoneIcon.js.map