import { useIcon } from 'hooks';
import React, { useMemo } from 'react';
import Svg, { Path } from 'react-native-svg';
import { IconProps } from '../types';

export const Archive: React.FC<IconProps> = ({ colorVariant = 'body', ...props }) => {
  const { getIconColor } = useIcon();
  const color = useMemo(() => getIconColor(colorVariant), [getIconColor, colorVariant]);
  return (
    <Svg width="14" height="15" viewBox="0 0 14 15" {...props}>
      <Path
        d="M11.0833 2.25H2.91667C2.275 2.25 1.75 2.775 1.75 3.41667V11.5833C1.75 12.225 2.275 12.75 2.91667 12.75H11.0833C11.725 12.75 12.25 12.225 12.25 11.5833V3.41667C12.25 2.775 11.725 2.25 11.0833 2.25ZM11.0833 8.66667H9.00667C8.79667 8.66667 8.61 8.7775 8.505 8.95833C8.20167 9.48333 7.6475 9.83333 7 9.83333C6.3525 9.83333 5.79833 9.48333 5.495 8.95833C5.39 8.7775 5.1975 8.66667 4.99333 8.66667H2.91667V3.41667H11.0833V8.66667ZM8.6275 6.33333H7.58333V4.58333C7.58333 4.2625 7.32083 4 7 4C6.67917 4 6.41667 4.2625 6.41667 4.58333V6.33333H5.3725C5.11 6.33333 4.98167 6.64833 5.16833 6.82917L6.79583 8.45667C6.9125 8.57333 7.09333 8.57333 7.21 8.45667L8.8375 6.82917C9.01833 6.64833 8.89 6.33333 8.6275 6.33333Z"
        fill={color}
      />
    </Svg>
  );
};
