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

export const WhiteBoard: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="13" height="12" viewBox="0 0 13 12" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_47867)">
        <Path
          d="M8.81099 12.0002C8.71799 12.0002 8.62349 11.9742 8.53999 11.9197L6.415 10.5447C6.1835 10.3947 6.117 10.0852 6.267 9.85323C6.417 9.62173 6.72649 9.55523 6.95849 9.70523L9.08348 11.0802C9.31498 11.2302 9.38148 11.5397 9.23148 11.7717C9.13548 11.9197 8.97498 12.0002 8.81099 12.0002Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M4.562 12C4.398 12 4.2375 11.9195 4.142 11.7715C3.992 11.5395 4.0585 11.23 4.29 11.08L6.415 9.70496C6.647 9.55446 6.9565 9.62146 7.1065 9.85296C7.2565 10.085 7.19 10.3945 6.9585 10.5445L4.8335 11.9195C4.749 11.974 4.655 12 4.562 12Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M6.18652 9.5V11.5C6.18652 11.776 6.41052 12 6.68652 12C6.96252 12 7.18652 11.776 7.18652 11.5V9.5H6.18652Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M11.5615 3.25011H1.81152C1.72602 3.25011 1.64352 3.23761 1.56152 3.22461V8.12512C1.56152 8.60762 1.95402 9.00012 2.43652 9.00012H10.9365C11.419 9.00012 11.8115 8.60762 11.8115 8.12512V3.22461C11.7295 3.23761 11.647 3.25011 11.5615 3.25011ZM9.69751 4.81761L7.78851 7.13912C7.62701 7.33562 7.34351 7.37962 7.13002 7.24112L6.03352 6.52962L4.41002 8.10862C4.31302 8.20312 4.18702 8.25012 4.06152 8.25012C3.93102 8.25012 3.80102 8.19962 3.70302 8.09862C3.51052 7.90062 3.51502 7.58412 3.71302 7.39162L5.62202 5.53462C5.78852 5.37162 6.04602 5.34611 6.24302 5.47362L7.30001 6.15912L8.92551 4.18261C9.10101 3.96961 9.41651 3.93911 9.62951 4.11411C9.84251 4.28961 9.87301 4.60411 9.69751 4.81761Z"
          fill={getIconColor(colorVariant)}
        />
        <Path
          d="M11.5615 2.75H1.81152C1.19102 2.75 0.686523 2.2455 0.686523 1.625C0.686523 1.0045 1.19102 0.5 1.81152 0.5H11.5615C12.182 0.5 12.6865 1.0045 12.6865 1.625C12.6865 2.2455 12.182 2.75 11.5615 2.75Z"
          fill="white"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_47867">
          <Rect width="12" height="12" fill="white" transform="translate(0.686523)" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
