import React from 'react';
import 'react-dom';
import '../../_rollupPluginBabelHelpers-b9ad31fa.js';
import PropTypes from 'prop-types';
import { withTheme } from 'styled-components';
import '../../key_codes-ff72266d.js';
import '../../hooks/useActivify.js';
import '../../index-6829ab1f.js';
import '@styled-system/space';
import '@styled-system/color';
import '@styled-system/border';
import '@styled-system/variant';
import '@styled-system/typography';
import '../../style-inject.es-1f59c1d0.js';
import '@styled-system/layout';
import '@styled-system/flexbox';
import '@styled-system/position';
import '@styled-system/shadow';
import '../box.js';
import '../../index.esm-f8e9e79f.js';
import '@styled-system/grid';
import '@styled-system/background';
import { g as getObjectValue } from '../../util-cc00ee1d.js';
import { I as IconWrapper } from '../../IconWrapper-5c8fb47b.js';

var GiftCardIcon = function GiftCardIcon(props) {
  return /*#__PURE__*/React.createElement(IconWrapper, props, /*#__PURE__*/React.createElement("svg", {
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, /*#__PURE__*/React.createElement("g", {
    "clip-path": "url(#clip0_2140_5840)"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M20 6.78947H17.82C17.93 6.49579 18 6.17368 18 5.84211C18 4.26947 16.66 3 15 3C13.95 3 13.04 3.51158 12.5 4.27895L12 4.91368L11.5 4.26947C10.96 3.51158 10.05 3 9 3C7.34 3 6 4.26947 6 5.84211C6 6.17368 6.07 6.49579 6.18 6.78947H4C2.89 6.78947 2.01 7.63263 2.01 8.68421L2 19.1053C2 20.1568 2.89 21 4 21H20C21.11 21 22 20.1568 22 19.1053V8.68421C22 7.63263 21.11 6.78947 20 6.78947ZM15 4.89474C15.55 4.89474 16 5.32105 16 5.84211C16 6.36316 15.55 6.78947 15 6.78947C14.45 6.78947 14 6.36316 14 5.84211C14 5.32105 14.45 4.89474 15 4.89474ZM9 4.89474C9.55 4.89474 10 5.32105 10 5.84211C10 6.36316 9.55 6.78947 9 6.78947C8.45 6.78947 8 6.36316 8 5.84211C8 5.32105 8.45 4.89474 9 4.89474ZM20 19.1053H4V17.2105H20V19.1053ZM20 14.3684H4V8.68421H9.08L7 11.3653L8.62 12.4737L12 8.11579L15.38 12.4737L17 11.3653L14.92 8.68421H20V14.3684Z",
    fill: getObjectValue(props.theme.colors, props.iconColor, props.theme.colors.grey.deep)
  })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
    id: "clip0_2140_5840"
  }, /*#__PURE__*/React.createElement("rect", {
    width: "24",
    height: "24",
    fill: "white"
  })))));
};
GiftCardIcon.propTypes = {
  iconColor: PropTypes.string
};
GiftCardIcon.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "GiftCardIcon",
  "props": {
    "iconColor": {
      "type": {
        "name": "string"
      },
      "required": false,
      "description": ""
    }
  }
};
var GiftCardIcon$1 = withTheme(GiftCardIcon);

export default GiftCardIcon$1;
