import React from 'react'

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

export const Notebook: 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="23.75" y="39.75" width="104.5" height="72.4535" rx="3.25" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <rect x="25.6924" y="41.1094" width="100.612" height="69.6979" rx="2" fill="#3040D6" fillOpacity="0.05" />
    <path d="M33.6104 44.2871C33.6104 43.5968 34.17 43.0371 34.8604 43.0371H118.389V107.667C118.389 108.357 117.83 108.917 117.139 108.917H34.8604C34.17 108.917 33.6104 108.357 33.6104 107.667V44.2871Z" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <path d="M38.5 49.5V63.5" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M38.5 68.1667V72.8333" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <rect x="50.1162" y="45.5732" width="23.0078" height="60.8062" rx="2" fill="#3040D6" fillOpacity="0.05" />
    <path d="M87.0928 64.0622H110.101" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M87.0928 70.6355H110.101" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <circle cx="106.814" cy="55.4337" r="4.10853" fill="#3040D6" />
    <path d="M87.0928 89.5349H110.101" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M87.0928 96.1081H110.101" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <circle cx="106.814" cy="80.9074" r="4.10853" fill="#3040D6" />
    <path d="M118.657 43.0371H123.303C123.993 43.0371 124.553 43.5968 124.553 44.2871V65.76C124.553 66.4503 123.993 67.01 123.303 67.01H118.657V43.0371Z" fill="white" stroke="#3B3552" strokeWidth="1.5" />
    <path d="M118.728 55.0232H124.48" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M75.9997 43.5466V108.407" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M80.5192 55.0233C80.5192 52.5273 78.4958 50.5039 75.9998 50.5039C73.5039 50.5039 71.4805 52.5273 71.4805 55.0233" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M80.5192 63.2401C80.5192 60.7441 78.4958 58.7207 75.9998 58.7207C73.5039 58.7207 71.4805 60.7441 71.4805 63.2401" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M80.5192 92.8221C80.5192 90.3261 78.4958 88.3027 75.9998 88.3027C73.5039 88.3027 71.4805 90.3261 71.4805 92.8221" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M80.5192 101.039C80.5192 98.5429 78.4958 96.5195 75.9998 96.5195C73.5039 96.5195 71.4805 98.5429 71.4805 101.039" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M56.5 119.5H73.5" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
    <path d="M78.1944 119.5H84.8056" stroke="#3B3552" strokeWidth="1.5" strokeLinecap="round" />
  </svg>
)

export default Notebook
