import { getGlobalStyle } from '../../../helpers'
import { Column, Divider, Text } from '../../atoms'

interface EmptyDataProps extends React.SVGProps<SVGSVGElement> {
  height?: number
  width?: number
}
export const EmptyData: React.FC<EmptyDataProps> = ({
  height = 590,
  width = 489,
  ...props
}) => {
  return (
    <Column>
      <div style={{ justifyContent: 'center', display: 'flex', alignContent: 'center' }}>
        <svg
          height={height}
          viewBox='0 0 489 590'
          width={width}
          xmlns='http://www.w3.org/2000/svg'
          {...props}
        >
          <defs>
            <linearGradient
              gradientUnits='userSpaceOnUse'
              id='grd1'
              x1={255.689}
              x2={255.689}
              y1={659.422}
              y2={141.154}
            >
              <stop offset={0} stopColor='#fbdde9' />
              <stop
                offset={1}
                stopColor='#ffeef5'
                stopOpacity={0}
              />
            </linearGradient>
          </defs>
          <style>
            {
              '.svg-empty-cart-variant-3-shp2{fill:#771212}.svg-empty-cart-variant-3-shp4{fill:#d9b3b3}.svg-empty-cart-variant-3-shp5{fill:#d06060}.svg-empty-cart-variant-3-shp6{fill:#ffc4c0}.svg-empty-cart-variant-3-shp7{fill:#fff4f2}.svg-empty-cart-variant-3-shp8{fill:#ff9595}'
            }
          </style>
          <path
            d='M49.64 495.81c70.97 85.82 120.22 93.72 212.26 94.18 134.17.65 206.51-55.7 216.77-178.08 42.6-236.15-60.31-337.7-60.31-337.7-53.37-49.04-104.78-111.35-283.92-46.12C29.95 66.14-59.17 364.38 49.64 495.81z'
            fill='url(#grd1)'
            opacity={0.502}
          />
          <path
            d='M237 503c-49.22 0-89-9.16-89-20.5s39.78-20.5 89-20.5 89 9.16 89 20.5-39.78 20.5-89 20.5z'
            fill='#feecec'
          />
          <path
            className='svg-empty-cart-variant-3-shp2'
            d='M245.29 335l62.81 33.68c1.36.77 2.58 1.69 3.49 3.06l36.26 46.39-74.65-14.85L245.29 335z'
            fillRule='evenodd'
          />
          <path
            d='M273.36 380.93l74.64 37.2-47.49 19.6s3.64 4.13-5.01 10.26l4.1 39.19c.3 2.15-1.36 4.14-3.64 4.14l-78.13 1.83-17.3-73.48 28.68-32.16 44.15-6.58z'
            fill='#f0dfdc'
            fillRule='evenodd'
          />
          <path
            className='svg-empty-cart-variant-3-shp4'
            d='M167.15 477.23c2.13-3.21 9.26-14.09 10.01-15.31l.16-.15 3.64-11.33v-.31l-2.13-51.29c-.15-4.28 1.67-8.26 4.86-11.02l60.84-52.21c.45-.3 1.06-.3 1.36.16l27.16 44.55c.15.3.15.92-.15 1.07l-28.52 24.5c-.46.3-.46 1.07 0 1.37l3.03 2.3c.46.31.46 1.23 0 1.53l-19.72 11.64c-.31.15-.46.3-.46.61l-9.25 68.74c0 .46-.61.92-1.07.77-5.46-1.23-33.52-7.66-49.45-14.24-.46-.31-.61-.92-.31-1.38z'
            fillRule='evenodd'
          />
          <path
            className='svg-empty-cart-variant-3-shp5'
            d='M320.08 451.05c-.6 0-1.36 0-1.97-.15-8.65-.92-13.35-9.04-15.78-15.62-2.43-6.58-3.03-12.86-3.03-13.17v-.46c.15-7.5.15-15.3-.61-21.12-.76-6.59-2.12-8.58-2.88-9.19-.15-.15-.76-.61-2.28-.15-1.82.46-3.79-.77-4.24-2.61-.46-1.83.75-3.82 2.57-4.28 3.95-.92 6.68.31 8.35 1.53 5.46 4.44 6.37 15.46 6.07 35.67.6 6.13 4.09 21.28 12.59 22.2 4.7.46 9.1-1.84 11.53-6.12 1.97-3.37 5.31-13.02-6.07-29.25-1.06-1.53-.76-3.82.91-4.89 1.52-1.08 3.8-.77 4.86.92 9.71 13.77 11.98 27.25 6.37 36.89-3.49 6.28-9.71 9.8-16.39 9.8z'
          />
          <path
            className='svg-empty-cart-variant-3-shp2'
            d='M261.98 455.34c-.16-2.15-3.49-2.15-3.19 0 .3 3.06.3 5.97 0 9.03-.15 1.68-.15 5.36-1.97 6.43-1.82 1.22-3.49-3.37-3.95-4.59-.91-2.76-1.21-5.67-1.06-8.58.15-2.14-3.03-2.14-3.19 0-.3 3.68.31 7.51 1.67 11.03 1.22 2.75 3.34 6.43 6.83 5.51 2.88-.77 3.94-3.98 4.4-6.59.76-3.97.91-8.11.46-12.24zM279.57 458.55c0-2.14-3.33-2.14-3.18 0 0 2.3-.15 4.59-.76 6.89-.45 1.53-1.06 3.98-2.73 4.9-1.67.92-2.73-2.29-3.03-3.52-.46-1.99-.46-3.98.45-5.82.91-1.83-1.97-3.52-2.88-1.68-1.22 2.75-1.52 5.82-.61 8.88.76 2.6 2.58 5.82 5.61 5.66 2.89-.15 4.56-2.91 5.47-5.2 1.21-3.22 1.66-6.59 1.66-10.11zM255.6 491.47c-5 .3-10.16.77-15.32 1.07-.3 0-.46-.15-.61-.15-1.21.61-3.03-.31-2.27-1.84 2.12-4.29 6.22-7.19 10.92-7.5 4.25-.31 9.1 2.14 9.1 6.89 0 .92-.91 1.38-1.82 1.53zm-2.42-3.98c0 .31-.16.61-.31.76h.91c-.15-.3-.3-.45-.6-.76z'
            fillRule='evenodd'
          />
          <path
            className='svg-empty-cart-variant-3-shp5'
            d='M272.6 343.11c-.91-.76-1.98-1.07-3.04-1.07-.3-.3-.76-.46-1.21-.61-3.34-1.07-5.31 2.3-6.22 4.9-.15.46-.15.92.15 1.22.15 2 1.82 3.83 3.79 4.14.91.15 1.82.15 2.73-.31.76.31 1.82-.15 2.13-1.07 0-.15.15-.31.15-.46.3.31.61.46.91.46.61.31 1.37-.15 1.67-.76 1.21-2 .91-4.91-1.06-6.44zM299.6 359.19c-.6-1.53-1.97-2.45-3.64-2.6a3.47 3.47 0 00-3.64 2.45c-.61 1.83.45 3.52 1.67 4.59.15.15.3.31.45.31.31.76.91 1.53 1.82 1.68 1.37.31 2.74-.46 3.19-1.84.45-1.38.76-3.06.15-4.59z'
          />
          <path
            className='z-2 svg-empty-cart-variant-3-shp6'
            d='M176.2 336.44c2.05 1.34 4 2.71 6.16 3.81-.52.19-1.09.34-1.41.5-1.13.5-2.2 1.05-3.3 1.61-2.06 1.06-4.13 2.23-6.32 2.97-1.27.44-1.2 1.94-.31 2.54 3.38 2.27 7.23 3.73 10.82 5.63 1.48.79 2.81-1.71 1.33-2.5-2.79-1.47-5.72-2.66-8.47-4.2 1.57-.74 3.09-1.58 4.6-2.35 1.12-.56 2.25-1.13 3.41-1.57 1.36-.55 2.79-.93 3.48-2.41.3-.66.18-1.56-.52-1.82-3-1.17-5.49-2.97-8.15-4.71-1.4-.91-2.71 1.57-1.32 2.5z'
          />
          <path
            className='svg-empty-cart-variant-3-shp7'
            d='M217 313c-14.67 0-14.67 22 0 22s14.67-22 0-22zM171.5 253c-23.33 0-23.33 37 0 37s23.33-37 0-37z'
          />
          <path
            className='svg-empty-cart-variant-3-shp7'
            d='M375.97 176.48c.7 15.61-10.83 29.46-25.16 34.19-2.44 16.65-18.69 29.98-35.46 29.98-2.97 0-5.94-.53-8.73-1.23-6.47 10.52-18.52 17.7-30.93 17.7-13.1 0-23.93-6.83-30.22-17.18-6.46 10.7-18.52 18.06-31.1 18.06-20.09 0-34.94-16.48-35.81-35.94-.17-4.91.7-9.64 2.62-14.02-2.27.52-4.89.87-7.34.87-20.09 0-34.94-16.47-35.81-35.93-.87-19.46 17.12-35.94 35.81-35.94 11.18 0 20.62 5.09 27.08 12.97-.35-1.92-.52-3.85-.7-5.96-.87-19.46 17.12-35.93 35.82-35.93 11 0 20.26 4.9 26.72 12.44C268.53 107.94 281.98 99 295.78 99c20.09 0 34.94 16.48 35.82 35.94 0 2.45-.18 4.73-.53 7.01 3.15-.88 6.29-1.4 9.44-1.4 20.09 0 34.94 16.48 35.46 35.93zm-165.61-8.06c-.35-.53-.88-.88-1.23-1.4.18.87.18 1.57.35 2.28.35-.18.53-.53.88-.88z'
            fillRule='evenodd'
          />
          <path
            className='svg-empty-cart-variant-3-shp6'
            d='M116.43 323.95c3.6-.57 7.11-1.01 10.58-1.96-.38.71-.87 1.42-1.06 1.89-.74 1.62-1.38 3.24-2.03 4.89-1.22 3.1-2.34 6.34-4.02 9.24-.96 1.68.61 3.2 2.19 2.97 5.98-.88 11.68-3.07 17.54-4.56 2.41-.6 1.38-4.51-1.04-3.91-4.53 1.15-8.94 2.73-13.51 3.78 1-2.29 1.84-4.65 2.74-6.91.67-1.69 1.35-3.38 2.18-4.96.97-1.89 2.16-3.67 1.45-5.9-.32-.98-1.35-1.82-2.38-1.42-4.47 1.69-9.01 2.2-13.67 2.94-2.45.4-1.42 4.28 1.03 3.91z'
          />
          <path
            className='svg-empty-cart-variant-3-shp8'
            d='M167.99 373.3c-.21-1.8-1.37-2.58-3.07-2.9-1.97-.35-3.97-.59-5.96-.81-3.89-.43-7.8-.61-11.71-.59-2.59.03-2.62 4.06 0 4.03 3.05-.03 6.07.08 9.12.35 1.48.13 2.94.27 4.39.45.06 0 .11.03.16.03-3.31 2.07-6.44 4.43-9.57 6.71-2.05 1.51-4.1 3.01-6.15 4.51-.7.51-1.38 1-2.08 1.48-.21.13-.43.27-.65.43-.02.03-.08.05-.1.08-1.87.54-1.81 3.36.08 3.87 6.71 1.77 13.35 4.59 19.5 7.81 2.29 1.21 4.34-2.28 2.05-3.49-5.15-2.71-10.68-5.15-16.32-6.98 1.83-1.32 3.64-2.66 5.45-4 4.45-3.25 8.93-6.69 13.86-9.21.57-.32 1.08-1.13 1-1.77z'
          />
          <g>
            <path
              className='svg-empty-cart-variant-3-shp4'
              d='M250.17 167.47c-8.06 7.84-15.94 15.5-24.17 23.34-2.06 2.22.34 7.84 2.57 9.54 19.37 14.14 40.63 21.97 64.29 24.87 5.48.68 18-3.24 10.97-10.56-11.14-11.93-21.09-28.28-25.2-44.12-1.2-4.94-4.12-24.87-9.77-26.23-6.17 7.66-12.17 15.16-18.35 22.65-.17.34-.17.34-.34.51z'
            />
            <path
              className='svg-empty-cart-variant-3-shp4'
              d='M269.54 157.25c-2.05 1.37-4.63 1.88-6.85 1.03.68 5.79-.86 13.11-6 16.69-1.89 1.36-3.95 1.87-6.18 1.87-.51 2.05-1.37 4.09-2.74 5.62-2.57 3.24-6.17 4.6-9.77 4.26 0 1.88-.17 3.75-.86 5.28-2.74 6.65-11.65 6.31-16.28 2.39-4.97-4.26-8.57-13.46-6-20.1 1.37-3.58 4.63-4.77 8.23-4.09-1.2-4.94-1.2-10.9 1.88-14.99 2.23-2.9 6-3.92 10.12-2.9.17-3.57 2.22-8.34 5.48-10.22 4.12-2.55 9.43-1.7 13.2 1.03.17-3.24 1.54-6.31 3.94-7.84 4.8-3.07 11.66 0 14.23 5.11 2.57 5.11 2.92 13.12-2.4 16.86z'
            />
            <path
              className='svg-empty-cart-variant-3-shp4'
              d='M269.54 157.25c-2.05 1.37-4.63 1.88-6.85 1.03.68 5.79-.86 13.11-6 16.69-1.89 1.36-3.95 1.87-6.18 1.87-.51 2.05-1.37 4.09-2.74 5.62-2.57 3.24-6.17 4.6-9.77 4.26 0 1.88-.17 3.75-.86 5.28-2.74 6.65-11.65 6.31-16.28 2.39-4.97-4.26-8.57-13.46-6-20.1 1.37-3.58 4.63-4.77 8.23-4.09-1.2-4.94-1.2-10.9 1.88-14.99 2.23-2.9 6-3.92 10.12-2.9.17-3.57 2.22-8.34 5.48-10.22 4.12-2.55 9.43-1.7 13.2 1.03.17-3.24 1.54-6.31 3.94-7.84 4.8-3.07 11.66 0 14.23 5.11 2.57 5.11 2.92 13.12-2.4 16.86zM266.97 196.6c.17-5.79-4.8-11.58-10.8-10.9-6 .68-10.46 5.28-11.14 11.41-.69 6.65 3.77 11.76 10.46 11.24 6.51-.16 11.31-5.28 11.48-11.75zM288.91 203.93c0-3.75-3.08-7.5-7.02-7.16-3.95.34-6.69 3.41-7.2 7.5-.52 4.43 2.4 7.66 6.85 7.32 4.12-.17 7.37-3.58 7.37-7.66z'
            />
            <path
              className='svg-empty-cart-variant-3-shp6'
              d='M254.29 163.39c-8.06 7.83-15.95 15.5-24.18 23.33-2.05 2.22.35 7.84 2.58 9.54 19.2 14.14 40.45 21.98 64.28 24.87 5.49.68 18-3.24 10.97-10.56-11.14-11.92-21.08-28.28-25.2-44.12-1.2-5.11-4.11-24.87-9.77-26.23-6.17 7.67-12.17 15.16-18.34 22.66 0 .17-.17.34-.34.51z'
            />
            <path
              className='svg-empty-cart-variant-3-shp8'
              d='M273.66 153.17c-2.06 1.36-4.63 1.87-6.86 1.02.69 5.79-.86 13.11-6 16.69-1.89 1.36-3.94 1.87-6.17 1.87-.52 2.05-1.37 4.09-2.74 5.63-2.58 3.23-6.18 4.59-9.78 4.25 0 1.88-.17 3.75-.85 5.28-2.75 6.65-11.66 6.31-16.29 2.39-4.97-4.26-8.57-13.46-6-20.1 1.37-3.58 4.63-4.77 8.23-4.09-1.2-4.94-1.2-10.9 1.89-14.99 2.22-2.89 6-3.92 10.11-2.89.17-3.58 2.23-8.35 5.49-10.22 4.11-2.56 9.42-1.71 13.2 1.02.17-3.24 1.54-6.31 3.94-7.84 4.8-3.06 11.66 0 14.23 5.11 2.57 5.11 2.91 13.12-2.4 16.87z'
            />
            <path
              className='svg-empty-cart-variant-3-shp5'
              d='M271.09 192.51c.17-5.79-4.8-11.58-10.8-10.9-6 .68-10.46 5.28-11.15 11.42-.68 6.64 3.77 11.75 10.46 11.24 6.51-.17 11.31-5.28 11.49-11.76zM293.03 199.84c0-3.75-3.09-7.5-7.03-7.16-3.94.35-6.69 3.41-7.2 7.5-.51 4.43 2.4 7.66 6.86 7.32 4.28-.17 7.37-3.57 7.37-7.66z'
            />
            <path
              className='svg-empty-cart-variant-3-shp6'
              d='M264.4 207.16s3.94 5.62-2.4 18.06c-1.37 2.72-2.06 16.01 9.43 8.18 1.37-1.03 2.74-1.71 3.77-2.56 2.91-1.87 6.17 1.53 4.29 4.43l-4.12 5.79s-1.71 10.39 8.74 1.02l24.52-24.36-31.2-2.04-13.03-8.52zM255.49 208.53l-15.09 10.56c-4.11 2.89-9.43-1.54-7.37-6.13l6.86-14.99 15.6 10.56z'
            />
          </g>
        </svg>
      </div>
      <Divider marginTop={getGlobalStyle('--spacing-2xl')} />
      <Column
        alignItems='center'
        justifyContent='center'
      >
        <Text
          size='3xl'
          weight='bold'
          color='primary'
        >
          No hay datos disponibles
        </Text>
      </Column>
    </Column>
  )
}