now-design-atoms/dist/logo/components/IconNowPurchase.js

Atomic UI components for now-design.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.IconNowPurchase = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var IconNowPurchase = exports.IconNowPurchase = function IconNowPurchase(_ref) {
  var width = _ref.width,
    height = _ref.height,
    className = _ref.className,
    style = _ref.style,
    ariaLabel = _ref['aria-label'],
    title = _ref.title,
    _ref$role = _ref.role,
    role = _ref$role === void 0 ? 'img' : _ref$role,
    onClick = _ref.onClick;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
    width: width,
    height: height,
    className: className,
    style: style,
    "aria-label": ariaLabel,
    role: role,
    onClick: onClick,
    viewBox: "0 0 320 320",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg",
    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
      children: title
    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
      clipPath: "url(#clip0_2110_347)",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
        d: "M74.4938 208.654V121.164L104.057 138.741V226.232L74.4938 208.654Z",
        fill: "#4AC0EE"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
        d: "M131.622 177.892V144.734L159.587 160.314V193.473L131.622 177.892Z",
        fill: "#4AC0EE"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
        d: "M131.622 241.812V208.654L159.587 226.232V258.99L131.622 241.812Z",
        fill: "#4AC0EE"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
        d: "M188.754 145.132L159.591 160.313V193.471L188.754 178.29V145.132Z",
        fill: "#3F96D2"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
        d: "M159.591 259.788V225.831L215.92 191.873V127.954L245.083 109.976V208.253L159.591 259.788Z",
        fill: "#3F96D2"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
        d: "M159.588 60.0332L90.4753 101.581L119.239 119.159L159.588 94.7895L215.918 127.948L245.081 109.97L159.588 60.0332Z",
        fill: "#2078BD"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
        d: "M159.588 129.546L131.624 144.727L159.588 160.707L188.752 145.126L159.588 129.546Z",
        fill: "#2078BD"
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
        id: "clip0_2110_347",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
          width: "200",
          height: "200",
          fill: "white",
          transform: "translate(60 60.0332)"
        })
      })
    })]
  });
};
IconNowPurchase.propTypes = {
  width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
  height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
  className: _propTypes["default"].string,
  style: _propTypes["default"].object,
  'aria-label': _propTypes["default"].string,
  title: _propTypes["default"].string,
  role: _propTypes["default"].string,
  onClick: _propTypes["default"].func
};
IconNowPurchase.defaultProps = {
  width: '320',
  height: '320',
  className: '',
  style: {},
  'aria-label': 'NowPurchase Icon',
  title: 'NowPurchase Icon',
  role: 'img',
  onClick: function onClick() {}
};