/* eslint-disable @typescript-eslint/ban-ts-comment */
// @ts-nocheck
import { useIcon } from 'hooks';
import React from 'react';
import Svg, { Path, G, Defs, Rect, ClipPath } from 'react-native-svg';
import { IconProps } from '../types';

export const Page: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="12" height="12" viewBox="0 0 12 12" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_47893)">
        <Path
          d="M9.12499 6.50001H2.875C2.3925 6.50001 2 6.10751 2 5.62501V4.87501C2 4.3925 2.3925 4 2.875 4H9.12499C9.60749 4 9.99998 4.3925 9.99998 4.87501V5.62501C9.99998 6.10751 9.60749 6.50001 9.12499 6.50001Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M9.37499 9.99998H8.625C8.2805 9.99998 8 9.71949 8 9.37499V8.125C8 7.7805 8.2805 7.5 8.625 7.5H9.37499C9.71949 7.5 9.99999 7.7805 9.99999 8.125V9.37499C9.99999 9.71949 9.71949 9.99998 9.37499 9.99998Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M3.37501 9.99998H2.625C2.2805 9.99998 2 9.71949 2 9.37499V8.125C2 7.7805 2.2805 7.5 2.625 7.5H3.37501C3.71951 7.5 4.00001 7.7805 4.00001 8.125V9.37499C4.00001 9.71949 3.71951 9.99998 3.37501 9.99998Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M6.37501 9.99998H5.625C5.2805 9.99998 5 9.71949 5 9.37499V8.125C5 7.7805 5.2805 7.5 5.625 7.5H6.37501C6.71951 7.5 7.00001 7.7805 7.00001 8.125V9.37499C7.00001 9.71949 6.71951 9.99998 6.37501 9.99998Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M10.5 0.5H1.5C0.673 0.5 0 1.173 0 2V10C0 10.827 0.673 11.5 1.5 11.5H10.5C11.327 11.5 12 10.827 12 10V2C12 1.173 11.327 0.5 10.5 0.5ZM10.5 10.5H1.5C1.2245 10.5 0.999999 10.276 0.999999 10V3H11V10C11 10.276 10.7755 10.5 10.5 10.5Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_47893">
          <Rect width="12" height="12" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
