import React, { AriaAttributes, SVGAttributes } from 'react'
import { css } from 'styled-components'

import { CustomIconProps } from '@monorail/exports'

export interface ChickenletsProps
  extends AriaAttributes,
    CustomIconProps,
    Omit<SVGAttributes<SVGElement>, 'onClick' | 'color'> {}

export const Chickenlets = ({ ...props }: ChickenletsProps) => (
  <svg
    css={css`
      && {
        fill: none;
        stroke: currentColor;
      }
    `}
    width="88"
    height="88"
    viewBox="0 0 88 88"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect
      x="0.75"
      y="0.75"
      width="37"
      height="37"
      rx="7.25"
      strokeWidth="1.5"
    />
    <rect
      x="0.75"
      y="50.25"
      width="37"
      height="37"
      rx="7.25"
      strokeWidth="1.5"
      strokeDasharray="4 2"
    />
    <rect
      x="50.25"
      y="0.75"
      width="37"
      height="37"
      rx="7.25"
      strokeWidth="1.5"
      strokeDasharray="4 2"
    />
    <rect
      x="50.25"
      y="50.25"
      width="37"
      height="37"
      rx="7.25"
      strokeWidth="1.5"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M25.4478 15.6362C25.1705 15.8836 25.1705 16.2845 25.4478 16.5319C25.7248 16.7791 26.1743 16.7791 26.4514 16.5319L27.288 15.7855L28.1243 16.5319C28.4016 16.7791 28.8509 16.7791 29.1282 16.5319C29.4052 16.2845 29.4052 15.8836 29.1282 15.6362L28.2916 14.89L29.1282 14.1436C29.4052 13.8962 29.4052 13.4953 29.1282 13.2479C28.8509 13.0007 28.4016 13.0007 28.1243 13.2479L27.288 13.9943L26.4514 13.2479C26.1741 13.0007 25.7248 13.0007 25.4475 13.2479C25.1705 13.4953 25.1705 13.8962 25.4475 14.1436L26.2841 14.89L25.4478 15.6362Z"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M74.2603 65.1362C73.983 65.3836 73.983 65.7845 74.2603 66.0319C74.5373 66.2791 74.9868 66.2791 75.2639 66.0319L76.1005 65.2855L76.9368 66.0319C77.2141 66.2791 77.6634 66.2791 77.9407 66.0319C78.2177 65.7845 78.2177 65.3836 77.9407 65.1362L77.1041 64.39L77.9407 63.6436C78.2177 63.3962 78.2177 62.9953 77.9407 62.7479C77.6634 62.5007 77.2141 62.5007 76.9368 62.7479L76.1005 63.4943L75.2639 62.7479C74.9866 62.5007 74.5373 62.5007 74.26 62.7479C73.983 62.9953 73.983 63.3962 74.26 63.6436L75.0966 64.39L74.2603 65.1362Z"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M9.83294 15.6362C9.55575 15.8836 9.55575 16.2845 9.83294 16.5319C10.1101 16.7791 10.5595 16.7791 10.8367 16.5319L11.6732 15.7855L12.5096 16.5319C12.7868 16.7791 13.2362 16.7791 13.5134 16.5319C13.7906 16.2845 13.7906 15.8836 13.5134 15.6362L12.6769 14.89L13.5134 14.1436C13.7906 13.8962 13.7906 13.4953 13.5134 13.2479C13.2362 13.0007 12.7868 13.0007 12.5097 13.2479L11.6732 13.9943L10.8367 13.2479C10.5595 13.0007 10.1101 13.0007 9.83289 13.2479C9.5557 13.4953 9.5557 13.8962 9.83289 14.1436L10.6694 14.89L9.83294 15.6362Z"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M58.6454 65.1362C58.3682 65.3836 58.3682 65.7845 58.6454 66.0319C58.9226 66.2791 59.372 66.2791 59.6492 66.0319L60.4857 65.2855L61.3221 66.0319C61.5993 66.2791 62.0487 66.2791 62.3259 66.0319C62.6031 65.7845 62.6031 65.3836 62.3259 65.1362L61.4894 64.39L62.3259 63.6436C62.6031 63.3962 62.6031 62.9953 62.3259 62.7479C62.0487 62.5007 61.5993 62.5007 61.3222 62.7479L60.4857 63.4943L59.6492 62.7479C59.372 62.5007 58.9226 62.5007 58.6454 62.7479C58.3682 62.9953 58.3682 63.3962 58.6454 63.6436L59.4819 64.39L58.6454 65.1362Z"
    />
    <path d="M24.9462 23.9875H14.2996C13.9076 23.9875 13.5898 24.2711 13.5898 24.6208C13.5898 24.9706 13.9076 25.2541 14.2996 25.2541H24.9462C25.3382 25.2541 25.656 24.9706 25.656 24.6208C25.656 24.2711 25.3382 23.9875 24.9462 23.9875Z" />
    <path d="M73.7587 73.4875H63.1121C62.7201 73.4875 62.4023 73.7711 62.4023 74.1208C62.4023 74.4706 62.7201 74.7541 63.1121 74.7541H73.7587C74.1507 74.7541 74.4685 74.4706 74.4685 74.1208C74.4685 73.7711 74.1507 73.4875 73.7587 73.4875Z" />
  </svg>
)
