import React from 'react';

import type { IconProps } from './iconProps';

export const TableCellsIcon = ({
  ref,
  width = 20,
  height = 20,
  viewBox = '0 0 20 20',
  role = 'image',
  ...rest
}: IconProps) => (
  <svg
    ref={ref}
    xmlns="http://www.w3.org/2000/svg"
    fill="none"
    width={width}
    height={height}
    viewBox={viewBox}
    role={role}
    {...rest}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M1 5.23999C1 3.99735 2.01624 3 3.2575 3H16.7425C17.9838 3 18.99 4.00736 18.99 5.25L19 14.75C19 15.9926 17.9938 17 16.7525 17C12.9234 17 7.09657 17 3.2675 17C2.02624 17 1.01 15.9826 1.01 14.74L1 5.23999ZM9.25083 14.76V14.135C9.25083 13.7208 8.91542 13.385 8.50167 13.385H3.2575C2.84375 13.385 2.50833 13.7208 2.50833 14.135V14.75C2.50833 15.1642 2.84375 15.5 3.2575 15.5H8.62436C8.97975 15.4414 9.25083 15.1324 9.25083 14.76ZM10.7492 14.76C10.7492 15.1324 11.0203 15.4414 11.3756 15.5H16.7425C17.1563 15.5 17.4917 15.1642 17.4917 14.75V14.135C17.4917 13.7208 17.1563 13.385 16.7425 13.385H11.4983C11.0846 13.385 10.7492 13.7208 10.7492 14.135V14.76ZM17.4917 11.13V10.505C17.4917 10.0908 17.1563 9.755 16.7425 9.755H11.4983C11.0846 9.755 10.7492 10.0908 10.7492 10.505V11.13C10.7492 11.5442 11.0846 11.88 11.4983 11.88H16.7425C17.1563 11.88 17.4917 11.5442 17.4917 11.13ZM9.25083 11.13V10.505C9.25083 10.0908 8.91542 9.755 8.50167 9.755H3.2575C2.84375 9.755 2.50833 10.0908 2.50833 10.505V11.13C2.50833 11.5442 2.84375 11.88 3.2575 11.88H8.50167C8.91542 11.88 9.25083 11.5442 9.25083 11.13ZM17.4917 7.5V6.875C17.4917 6.46079 17.1563 6.125 16.7425 6.125H11.4983C11.0846 6.125 10.7492 6.46079 10.7492 6.875V7.5C10.7492 7.91421 11.0846 8.25 11.4983 8.25H16.7425C17.1563 8.25 17.4917 7.91421 17.4917 7.5ZM9.25083 7.5V6.875C9.25083 6.46079 8.91542 6.125 8.50167 6.125H3.2575C2.84375 6.125 2.50833 6.46079 2.50833 6.875V7.5C2.50833 7.91421 2.84375 8.25 3.2575 8.25H8.50167C8.91542 8.25 9.25083 7.91421 9.25083 7.5Z"
      fill="currentColor"
    />
  </svg>
);
