/* 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 Post: React.FC<IconProps> = ({ colorVariant = 'white', ...props }) => {
  const { getIconColor } = useIcon();
  return (
    <Svg width="10" height="10" viewBox="0 0 10 10" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_47832)">
        <Path
          d="M7.60416 0H2.39583C1.76375 0 1.25 0.51375 1.25 1.14583V8.85416C1.25 9.48624 1.76375 9.99999 2.39583 9.99999H7.60416C8.23624 9.99999 8.74999 9.48624 8.74999 8.85416V1.14583C8.74999 0.51375 8.23624 0 7.60416 0ZM2.91666 2.08333H5.10416C5.33416 2.08333 5.52083 2.27 5.52083 2.5C5.52083 2.73 5.33416 2.91666 5.10416 2.91666H2.91666C2.68666 2.91666 2.5 2.73 2.5 2.5C2.5 2.27 2.68666 2.08333 2.91666 2.08333ZM7.08333 7.91666H2.91666C2.68666 7.91666 2.5 7.72999 2.5 7.49999C2.5 7.26999 2.68666 7.08333 2.91666 7.08333H7.08333C7.31333 7.08333 7.49999 7.26999 7.49999 7.49999C7.49999 7.72999 7.31333 7.91666 7.08333 7.91666ZM7.08333 6.24999H2.91666C2.68666 6.24999 2.5 6.06333 2.5 5.83333C2.5 5.60333 2.68666 5.41666 2.91666 5.41666H7.08333C7.31333 5.41666 7.49999 5.60333 7.49999 5.83333C7.49999 6.06333 7.31333 6.24999 7.08333 6.24999ZM7.08333 4.58333H2.91666C2.68666 4.58333 2.5 4.39666 2.5 4.16666C2.5 3.93666 2.68666 3.75 2.91666 3.75H7.08333C7.31333 3.75 7.49999 3.93666 7.49999 4.16666C7.49999 4.39666 7.31333 4.58333 7.08333 4.58333Z"
          fill={getIconColor(colorVariant)}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_47832">
          <Rect width="10" height="10" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
