import React from 'react'
import PropTypes from 'prop-types'


const EmptyVault = ({ width, height }) => (
  <svg version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 60 60" height={height} width={width}>
    <g>
      <path d="M58.057,6.083H47.298l-8.633-4.855c-0.345-0.193-0.77-0.19-1.112,0.009C37.212,1.435,37,1.804,37,2.2v0.883h-8v3H1.943
    C0.872,6.083,0,6.955,0,8.026v44.113c0,1.071,0.872,1.943,1.943,1.943H2v4h10v-4h17v3h8v0.716c0,0.396,0.212,0.765,0.554,0.965
    c0.173,0.102,0.368,0.152,0.563,0.152c0.189,0,0.379-0.048,0.548-0.143l8.339-4.69H48v4h10v-4h0.057
    c1.071,0,1.943-0.872,1.943-1.943V8.026C60,6.955,59.128,6.083,58.057,6.083z M10,56.083H4v-2h6V56.083z M12,52.119v-0.036H2v0.057
    L1.943,8.083H29v2H6.346C5.053,10.083,4,11.135,4,12.428v35.309c0,1.293,1.053,2.346,2.346,2.346H29v2.002L12,52.119z M29,15.083v6
    v6v6v6v6v3h-3c0-0.552-0.448-1-1-1s-1,0.448-1,1h-4c0-0.552-0.448-1-1-1s-1,0.448-1,1h-4c0-0.552-0.448-1-1-1s-1,0.448-1,1H8
    c0-0.552-0.448-1-1-1c-0.484,0-0.868,0.35-0.961,0.806C6.016,47.842,6,47.792,6,47.737v-5.654v-6v-6v-6v-6v-5.654
    c0-0.055,0.016-0.105,0.039-0.152C6.132,12.733,6.516,13.083,7,13.083c0.552,0,1-0.448,1-1h4c0,0.552,0.448,1,1,1s1-0.448,1-1h4
    c0,0.552,0.448,1,1,1s1-0.448,1-1h4c0,0.552,0.448,1,1,1s1-0.448,1-1h3V15.083z M31,55.083v-1v-4v-40v-4v-1h6v50H31z M39,3.71
    l4.219,2.373h-0.147L53,11.668v3.415c-0.553,0-1,0.447-1,1c0,0.553,0.447,1,1,1v1c-0.553,0-1,0.447-1,1s0.447,1,1,1v20
    c-0.553,0-1,0.447-1,1s0.447,1,1,1v1c-0.553,0-1,0.447-1,1s0.447,1,1,1v3.332L39,56.29V3.71z M56,56.083h-6v-2h6V56.083z
     M58,52.083h-7.294L55,49.668v-0.083v-4.502h1c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1v-1h1c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1v-20
    h1c0.553,0,1-0.447,1-1s-0.447-1-1-1h-1v-1h1c0.553,0,1-0.447,1-1c0-0.553-0.447-1-1-1h-1v-4.585v-0.083l-4.182-2.352L58,8.026
    l0.057,44.057H58z"/>
      <circle cx="34" cy="6.999" r="1"/>
      <circle cx="34" cy="12.999" r="1"/>
      <circle cx="34" cy="46.999" r="1"/>
      <circle cx="34" cy="40.999" r="1"/>
      <circle cx="34" cy="18.999" r="1"/>
      <circle cx="34" cy="52.999" r="1"/>
      <path d="M41,35c-0.553,0-1,0.447-1,1s0.447,1,1,1c2.212,0,4.011-1.799,4.011-4.011V27.01C45.011,24.798,43.212,23,41,23
    c-0.553,0-1,0.447-1,1s0.447,1,1,1c1.108,0,2.011,0.902,2.011,2.011v5.979C43.011,34.097,42.108,35,41,35z"/>
      <path d="M41,19c-0.553,0-1,0.447-1,1s0.447,1,1,1c3.314,0,6.011,2.696,6.011,6.011v5.979C47.011,36.303,44.314,39,41,39
    c-0.553,0-1,0.447-1,1s0.447,1,1,1c4.417,0,8.011-3.594,8.011-8.011V27.01C49.011,22.593,45.417,19,41,19z"/>
      <circle cx="13" cy="18.083" r="1"/>
      <circle cx="16" cy="15.083" r="1"/>
      <circle cx="16" cy="21.083" r="1"/>
      <circle cx="19" cy="18.083" r="1"/>
      <circle cx="7" cy="18.083" r="1"/>
      <circle cx="10" cy="15.083" r="1"/>
      <circle cx="10" cy="21.083" r="1"/>
      <circle cx="22" cy="15.083" r="1"/>
      <circle cx="22" cy="21.083" r="1"/>
      <circle cx="25" cy="18.083" r="1"/>
      <circle cx="13" cy="24.083" r="1"/>
      <circle cx="19" cy="24.083" r="1"/>
      <circle cx="7" cy="24.083" r="1"/>
      <circle cx="25" cy="24.083" r="1"/>
      <circle cx="28" cy="15.083" r="1"/>
      <circle cx="28" cy="21.083" r="1"/>
      <circle cx="13" cy="30.083" r="1"/>
      <circle cx="16" cy="27.083" r="1"/>
      <circle cx="16" cy="33.083" r="1"/>
      <circle cx="19" cy="30.083" r="1"/>
      <circle cx="7" cy="30.083" r="1"/>
      <circle cx="10" cy="27.083" r="1"/>
      <circle cx="10" cy="33.083" r="1"/>
      <circle cx="22" cy="27.083" r="1"/>
      <circle cx="22" cy="33.083" r="1"/>
      <circle cx="25" cy="30.083" r="1"/>
      <circle cx="13" cy="36.083" r="1"/>
      <circle cx="19" cy="36.083" r="1"/>
      <circle cx="7" cy="36.083" r="1"/>
      <circle cx="25" cy="36.083" r="1"/>
      <circle cx="28" cy="27.083" r="1"/>
      <circle cx="28" cy="33.083" r="1"/>
      <circle cx="13" cy="42.083" r="1"/>
      <circle cx="16" cy="39.083" r="1"/>
      <circle cx="16" cy="45.083" r="1"/>
      <circle cx="19" cy="42.083" r="1"/>
      <circle cx="7" cy="42.083" r="1"/>
      <circle cx="10" cy="39.083" r="1"/>
      <circle cx="10" cy="45.083" r="1"/>
      <circle cx="22" cy="39.083" r="1"/>
      <circle cx="22" cy="45.083" r="1"/>
      <circle cx="25" cy="42.083" r="1"/>
      <circle cx="28" cy="39.083" r="1"/>
      <circle cx="28" cy="45.083" r="1"/>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
    <g>
    </g>
  </svg>
)

EmptyVault.propTypes = {
  height: PropTypes.string,
  width: PropTypes.string,
}

EmptyVault.defaultProps = {
  width: '30%',
  height: '30%',
}

export default EmptyVault
