import React from 'react'

import { Props } from './props.type.js'

export const Clip: React.FC<Props> = ({ width = 152, height = 152 }) => (
  <svg width={width} height={height} viewBox="0 0 152 152" fill="none" xmlns="http://www.w3.org/2000/svg">
    <circle cx="76" cy="76" r="76" fill="white" />
    <rect x="37.75" y="33.6338" width="76.5" height="91.0116" rx="3.25" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <rect x="40.6279" y="36.5117" width="70.7442" height="85.2558" rx="2" fill="#3040D6" fillOpacity="0.05" />
    <rect x="44.0986" y="38.1689" width="63.8023" height="79.2209" rx="1.25" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <path d="M63.3022 80.5004H88.6976" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <circle cx="76.0002" cy="63.7214" r="8.16279" fill="#3040D6" />
    <path d="M63.3022 89.5697H88.6976" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M63.3022 98.64H88.6976" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <mask id="path-9-inside-1_0_2394" fill="white">
      <path fillRule="evenodd" clipRule="evenodd" d="M81.4419 27.4419H101.93C104.139 27.4419 105.93 29.2327 105.93 31.4419V38.8605C105.93 41.0696 104.139 42.8605 101.93 42.8605H50.0698C47.8607 42.8605 46.0698 41.0696 46.0698 38.8605V31.4419C46.0698 29.2327 47.8607 27.4419 50.0698 27.4419H70.5582C70.5582 24.4364 72.9946 22 76.0001 22C79.0055 22 81.4419 24.4364 81.4419 27.4419Z" />
    </mask>
    <path fillRule="evenodd" clipRule="evenodd" d="M81.4419 27.4419H101.93C104.139 27.4419 105.93 29.2327 105.93 31.4419V38.8605C105.93 41.0696 104.139 42.8605 101.93 42.8605H50.0698C47.8607 42.8605 46.0698 41.0696 46.0698 38.8605V31.4419C46.0698 29.2327 47.8607 27.4419 50.0698 27.4419H70.5582C70.5582 24.4364 72.9946 22 76.0001 22C79.0055 22 81.4419 24.4364 81.4419 27.4419Z" fill="white" />
    <path d="M81.4419 27.4419H79.9419V28.9419H81.4419V27.4419ZM70.5582 27.4419V28.9419H72.0582V27.4419H70.5582ZM81.4419 28.9419H101.93V25.9419H81.4419V28.9419ZM101.93 28.9419C103.311 28.9419 104.43 30.0611 104.43 31.4419H107.43C107.43 28.4043 104.968 25.9419 101.93 25.9419V28.9419ZM104.43 31.4419V38.8605H107.43V31.4419H104.43ZM104.43 38.8605C104.43 40.2412 103.311 41.3605 101.93 41.3605V44.3605C104.968 44.3605 107.43 41.898 107.43 38.8605H104.43ZM101.93 41.3605H50.0698V44.3605H101.93V41.3605ZM50.0698 41.3605C48.6891 41.3605 47.5698 40.2412 47.5698 38.8605H44.5698C44.5698 41.898 47.0323 44.3605 50.0698 44.3605V41.3605ZM47.5698 38.8605V31.4419H44.5698V38.8605H47.5698ZM47.5698 31.4419C47.5698 30.0611 48.6891 28.9419 50.0698 28.9419V25.9419C47.0323 25.9419 44.5698 28.4043 44.5698 31.4419H47.5698ZM50.0698 28.9419H70.5582V25.9419H50.0698V28.9419ZM72.0582 27.4419C72.0582 25.2648 73.823 23.5 76.0001 23.5V20.5C72.1662 20.5 69.0582 23.608 69.0582 27.4419H72.0582ZM76.0001 23.5C78.1771 23.5 79.9419 25.2648 79.9419 27.4419H82.9419C82.9419 23.608 79.8339 20.5 76.0001 20.5V23.5Z" fill="#3B3552" mask="url(#path-9-inside-1_0_2394)" />
    <rect x="48.7905" y="34.6973" width="54.4186" height="5.44186" rx="1" fill="#3040D6" fillOpacity="0.05" />
    <path d="M50.3636 31.5H57.6364" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M61.0909 31.5H62.9091" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M121 66V85" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M121 90V98" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
  </svg>
)

export default Clip
