export const AddButton = () => (
  <svg width="47" height="47" viewBox="0 0 47 47" fill="none" xmlns="http://www.w3.org/2000/svg" style={{ cursor: "pointer" }}>
    <g filter="url(#filter0_d_2_8432)">
      <circle cx="23.5" cy="19.5" r="19.5" fill="#ffffff" />
      <path
        d="M32.7413 18.027H24.7587V9H22.2413V18.027H14.2587C13.9249 18.027 13.6047 18.1551 13.3687 18.3832C13.1326 18.6113 13 18.9207 13 19.2433C13 19.5658 13.1326 19.8752 13.3687 20.1033C13.6047 20.3314 13.9249 20.4596 14.2587 20.4596H22.2413V29H24.7587V20.4596H32.7413C33.0751 20.4596 33.3953 20.3314 33.6313 20.1033C33.8674 19.8752 34 19.5658 34 19.2433C34 18.9207 33.8674 18.6113 33.6313 18.3832C33.3953 18.1551 33.0751 18.027 32.7413 18.027Z"
        fill="#ffffff"
      />
    </g>
    <defs>
      <filter
        id="filter0_d_2_8432"
        x="0"
        y="0"
        width="47"
        height="47"
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity="0" result="BackgroundImageFix" />
        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
        <feOffset dy="4" />
        <feGaussianBlur stdDeviation="2" />
        <feComposite in2="hardAlpha" operator="out" />
        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_8432" />
        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_8432" result="shape" />
      </filter>
    </defs>
  </svg>
);