import { useTheme } from 'hooks';
import React from 'react';
import Svg, { Path, SvgProps } from 'react-native-svg';

export const BellFill: React.FC<SvgProps> = (props) => {
  const { theme } = useTheme();
  return (
    <Svg width="14" height="15" viewBox="0 0 14 15" fill="none" {...props}>
      <Path
        d="M11.6666 6.85858C11.6666 8.17791 12.2446 9.42325 13.2526 10.2752C13.5179 10.5026 13.6666 10.8252 13.6666 11.1666C13.6666 11.8099 13.1433 12.3332 12.4999 12.3332H1.49992C0.856585 12.3332 0.333252 11.8099 0.333252 11.1666C0.333252 10.8252 0.481919 10.5026 0.741252 10.2806C1.75525 9.42325 2.33325 8.17791 2.33325 6.85858V4.99992C2.33325 2.65392 4.07525 0.711918 6.33325 0.386585C6.33325 0.386585 6.73874 0.333252 6.99992 0.333252C7.2611 0.333252 7.66659 0.386585 7.66659 0.386585C9.92392 0.711918 11.6666 2.65392 11.6666 4.99992V6.85858Z"
        fill={theme.colors.body}
      />
      <Path
        d="M6.99987 15C8.2072 15 9.2172 14.1393 9.4492 13H4.55054C4.78254 14.1393 5.79254 15 6.99987 15Z"
        fill={theme.colors.body}
      />
    </Svg>
  );
};