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

export const Book: React.FC<SvgProps> = (props) => {
  const { theme } = useTheme();
  return (
    <Svg width="9" height="9" viewBox="0 0 9 9" fill="none" {...props}>
      <G clipPath="url(#clip0_1360_46855)">
        <Path
          d="M7.87501 1.5H7.50001V0.375C7.50001 0.168 7.33201 0 7.12501 0H1.5C0.879751 0 0.375375 0.504375 0.375 1.12462V1.125V7.87499C0.375 8.49524 0.879751 8.99999 1.5 8.99999H7.87501C8.08201 8.99999 8.25001 8.83199 8.25001 8.62499V1.875C8.25001 1.668 8.08201 1.5 7.87501 1.5ZM5.62501 5.34374C5.62501 5.60099 5.30813 5.72137 5.13638 5.53387L4.31251 4.635L3.48863 5.53387C3.31688 5.72212 3 5.60062 3 5.34374V2.625C3 2.418 3.16801 2.25 3.37501 2.25H5.25001C5.45701 2.25 5.62501 2.418 5.62501 2.625V5.34374ZM6.75001 1.5H1.5C1.29338 1.5 1.125 1.33162 1.125 1.125C1.125 0.918374 1.29338 0.749999 1.5 0.749999H6.75001V1.5Z"
          fill={theme.colors.body}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_1360_46855">
          <Rect width="9" height="9" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};
