import _extends from "@babel/runtime/helpers/extends";

var __rest = this && this.__rest || function (s, e) {
  var t = {};

  for (var p in s) {
    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
  }

  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
  }
  return t;
}; // Generated by `npm run icon`, don't modify this file


import React from 'react';
import Base from './_base';

var Picture = function Picture(props) {
  var _props$className = props.className,
      className = _props$className === void 0 ? null : _props$className,
      other = __rest(props, ["className"]);

  return /*#__PURE__*/React.createElement(Base, _extends({
    viewBox: "0 0 32 32",
    className: "cuk2-icon-picture ".concat(className)
  }, other), /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("filter", {
    x: "-7.3%",
    y: "-4.5%",
    width: "114.6%",
    height: "112.5%",
    filterUnits: "objectBoundingBox",
    id: "picture_svg__a"
  }, /*#__PURE__*/React.createElement("feOffset", {
    dy: ".5",
    "in": "SourceAlpha",
    result: "shadowOffsetOuter1"
  }), /*#__PURE__*/React.createElement("feGaussianBlur", {
    stdDeviation: ".5",
    "in": "shadowOffsetOuter1",
    result: "shadowBlurOuter1"
  }), /*#__PURE__*/React.createElement("feColorMatrix", {
    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0",
    "in": "shadowBlurOuter1"
  })), /*#__PURE__*/React.createElement("path", {
    d: "M20 2l8 8v17a3 3 0 01-3 3H7a3 3 0 01-3-3V5a3 3 0 013-3h13zm-2.602 15l-.097.01a.702.702 0 00-.345.167l-.067.07-2.357 2.81-1.538-.978-.098-.051a.718.718 0 00-.434-.043.694.694 0 00-.374.216l-.065.086-1.972 3.808a.632.632 0 00.038.572.686.686 0 00.494.325l.104.008h9.625l.101-.007a.692.692 0 00.484-.305.629.629 0 00.069-.549l-.038-.089-2.888-5.687-.05-.082a.688.688 0 00-.394-.26l-.098-.017-.1-.004zm-3.307-3c-.753 0-1.364.6-1.364 1.339 0 .74.61 1.339 1.364 1.339.753 0 1.364-.6 1.364-1.34 0-.739-.611-1.338-1.364-1.338z",
    id: "picture_svg__b"
  })), /*#__PURE__*/React.createElement("g", {
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/React.createElement("use", {
    fill: "#000",
    filter: "url(#picture_svg__a)",
    xlinkHref: "#picture_svg__b"
  }), /*#__PURE__*/React.createElement("use", {
    fill: "#2FB8EE",
    xlinkHref: "#picture_svg__b"
  }), /*#__PURE__*/React.createElement("path", {
    d: "M20 2l8 8h-5a3 3 0 01-3-3V2z",
    fill: "#FFF",
    opacity: ".4"
  }))));
};

export default Picture;