@retailmenot/anchor
Version:
A React UI Library by RetailMeNot
47 lines (42 loc) • 2.06 kB
JavaScript
import { a as __rest } from './anchor-chunk-27f34e54.js';
import { a as Scale, b as StyledIcon, c as DefaultColor, d as DefaultScale } from './anchor-chunk-25c07228.js';
import { forwardRef, createElement, useContext, useState, Children, Fragment, useEffect, useRef, createRef, Component, cloneElement, useReducer, PureComponent, isValidElement, createContext, useImperativeHandle } from 'react';
import classNames from 'classnames';
import './anchor-chunk-7b9d8557.js';
import '@xstyled/styled-components';
import '@xstyled/system';
/* eslint-disable max-len */
var Camera = forwardRef(function (_a, ref) {
var _a$color = _a.color,
color = _a$color === void 0 ? DefaultColor : _a$color,
_a$scale = _a.scale,
scale = _a$scale === void 0 ? DefaultScale : _a$scale,
className = _a.className,
props = __rest(_a, ["color", "scale", "className"]);
return createElement(StyledIcon, Object.assign({
ref: ref,
className: classNames('anchor-icon camera', className),
scale: scale,
"$color": color
}, props), createElement("svg", {
width: Scale[scale],
height: Scale[scale],
viewBox: "0 0 16 16",
xmlns: "http://www.w3.org/2000/svg"
}, createElement("g", {
fill: "none",
fillRule: "evenodd"
}, createElement("path", {
d: "M0 0h16v16H0z"
}), createElement("path", {
d: "M4.366 3.14a1.267 1.267 0 0 1-1.259 1.127H1.333A.733.733 0 0 0 .6 5v8.667c0 .405.328.733.733.733h13.334a.733.733 0 0 0 .733-.733V5a.733.733 0 0 0-.733-.733h-1.774a1.267 1.267 0 0 1-1.259-1.127l-.099-.888a.733.733 0 0 0-.728-.652H5.193a.733.733 0 0 0-.728.652l-.1.888z",
stroke: "currentColor",
strokeWidth: "1.2"
}), createElement("path", {
d: "M10.133 9A2.137 2.137 0 0 0 8 6.867 2.137 2.137 0 0 0 5.867 9c0 1.175.958 2.133 2.133 2.133A2.137 2.137 0 0 0 10.133 9zm1.2 0A3.337 3.337 0 0 1 8 12.333 3.337 3.337 0 0 1 4.667 9 3.337 3.337 0 0 1 8 5.667 3.337 3.337 0 0 1 11.333 9z",
fill: "currentColor",
fillRule: "nonzero"
}))));
});
export { Camera };
//# sourceMappingURL=camera.js.map