import React from 'react'

const postcard = (props: any) => {
    const {fill} = props;
  return (
    <svg
      width="61"
      height="46"
      viewBox="0 0 61 46"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_1099_4254)">
        <path
          d="M3.01993 0.916016C1.35375 0.916016 -0.0231934 2.28696 -0.0231934 3.95313V42.4514C-0.0231934 44.1176 1.35375 45.4865 3.01993 45.4865H57.723C59.3892 45.4865 60.7602 44.1176 60.7602 42.4514V3.95313C60.7602 2.28696 59.3892 0.916016 57.723 0.916016H3.01993ZM3.01993 2.94403H57.723C58.3018 2.94403 58.7341 3.3744 58.7341 3.95313V42.4514C58.7341 43.0301 58.3018 43.4605 57.723 43.4605H3.01993C2.4412 43.4605 2.00292 43.0301 2.00292 42.4514V3.95313C2.00292 3.3744 2.4412 2.94403 3.01993 2.94403ZM29.3594 8.00542V38.3971C29.3284 39.7785 31.4165 39.7785 31.3855 38.3971V8.00542C31.3855 6.68607 29.3594 6.6253 29.3594 8.00542ZM42.5272 6.98838C41.9646 6.98623 41.508 7.44284 41.5102 8.00542V11.3691C40.2276 10.9301 39.0104 10.9747 38.0713 11.2148C36.7206 11.5601 35.8196 12.2753 35.8196 12.2753C34.6686 13.1009 36.0084 14.7932 37.0761 13.8622C37.0761 13.8622 37.6472 13.418 38.5719 13.1816C39.4966 12.9453 40.6592 12.9059 42.0345 13.8919C43.8966 15.2272 45.7767 15.2731 47.0899 14.9227C48.4031 14.5724 49.2585 13.8385 49.2585 13.8385C50.4446 12.9828 48.9866 11.2668 47.9506 12.2991C47.9506 12.2991 47.4328 12.7325 46.5656 12.9639C45.7673 13.1768 44.7699 13.2196 43.5383 12.4534V9.01464H52.6617V21.1753H43.5383V18.7573C44.872 19.27 46.1322 19.2325 47.0899 18.9771C48.4031 18.6268 49.2585 17.8929 49.2585 17.8929C50.4247 17.0348 48.9871 15.3406 47.9506 16.3515C47.9506 16.3515 47.4328 16.7869 46.5656 17.0183C45.6983 17.2495 44.5986 17.2916 43.2157 16.3C41.346 14.9593 39.422 14.9219 38.0713 15.2672C36.7206 15.6125 35.8196 16.3297 35.8196 16.3297C34.6411 17.1513 36.0073 18.8746 37.0761 17.9146C37.0761 17.9146 37.6472 17.4704 38.5719 17.234C39.3769 17.0284 40.3614 16.9744 41.5102 17.6138V22.1845C41.508 22.747 41.9646 23.2035 42.5272 23.2014H53.6708C54.2303 23.1991 54.682 22.7439 54.6799 22.1845V8.00554C54.682 7.44606 54.2303 6.99083 53.6708 6.98861L42.5272 6.98838ZM11.1185 17.121C9.76639 17.121 9.76639 19.149 11.1185 19.149H24.2882C25.6402 19.149 25.6402 17.121 24.2882 17.121H11.1185ZM7.07414 22.1842C5.6931 22.1536 5.6931 24.241 7.07414 24.2104H17.1988C18.5199 24.1797 18.5199 22.2136 17.1988 22.1842H7.07414ZM21.253 22.1842C19.8719 22.1536 19.8719 24.241 21.253 24.2104H24.2882C25.6093 24.1797 25.6093 22.2136 24.2882 22.1842H21.253ZM7.07414 29.2816H24.2882C25.6693 29.3122 25.6693 27.2248 24.2882 27.2556H7.02171C5.64946 27.3532 5.75127 29.3209 7.07414 29.2816ZM36.4488 29.2816H53.6708C55.0519 29.3122 55.0519 27.2248 53.6708 27.2556H36.4004C35.0327 27.3486 35.1268 29.3151 36.4488 29.2816ZM36.4488 32.3168C35.0968 32.3168 35.0968 34.3448 36.4488 34.3448H53.6708C55.0229 34.3448 55.0229 32.3168 53.6708 32.3168H36.4488ZM36.4488 37.3801C35.1277 37.4107 35.1277 39.3769 36.4488 39.4062H53.6708C54.9919 39.3756 54.9919 37.4094 53.6708 37.3801H36.4488Z"
          fill="black"
        />
        <path
          d="M52.6578 9.01953H43.5403V21.1762H52.6578V9.01953Z"
          fill={fill}
        />
      </g>
      <defs>
        <clipPath id="clip0_1099_4254">
          <rect width="61" height="46" fill="white" />
        </clipPath>
      </defs>
    </svg>
  );
}

export default postcard