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

export const Course: React.FC<SvgProps> = (props) => {
  const { theme } = useTheme();
  return (
    <Svg width="18" height="18" viewBox="0 0 18 18" fill="none" {...props}>
      <Path
        d="M16.3125 18H3.18755C2.04977 18 1.125 17.0752 1.125 15.9374V2.0625C1.125 1.752 1.377 1.5 1.6875 1.5C1.998 1.5 2.25 1.752 2.25 2.0625V15.9374C2.25 16.4542 2.67078 16.875 3.18755 16.875H15.75V3.56241C15.75 3.25191 16.002 2.99991 16.3125 2.99991C16.623 2.99991 16.875 3.25191 16.875 3.56241V17.4375C16.875 17.748 16.623 18 16.3125 18Z"
        fill={theme.colors.body}
      />
      <Path
        d="M16.3125 4.12495H3.18755C2.04977 4.12495 1.125 3.20032 1.125 2.06255C1.125 0.924774 2.04977 0 3.18755 0H14.8125C15.123 0 15.375 0.251999 15.375 0.5625V2.99995H16.3125C16.623 2.99995 16.875 3.25195 16.875 3.56245C16.875 3.87296 16.623 4.12495 16.3125 4.12495ZM3.18755 1.125C2.67078 1.125 2.25 1.54578 2.25 2.06255C2.25 2.57932 2.67078 2.99995 3.18755 2.99995H14.25V1.125H3.18755Z"
        fill={theme.colors.body}
      />
      <Path
        d="M9 15.375C6.31206 15.375 4.12495 13.188 4.12495 10.5C4.12495 7.81197 6.31206 5.625 9 5.625C11.6879 5.625 13.875 7.81197 13.875 10.5C13.875 13.188 11.6879 15.375 9 15.375ZM9 6.75C6.93224 6.75 5.24995 8.43228 5.24995 10.5C5.24995 12.5678 6.93224 14.25 9 14.25C11.0678 14.25 12.75 12.5678 12.75 10.5C12.75 8.43228 11.0678 6.75 9 6.75Z"
        fill={theme.colors.body}
      />
      <Path
        d="M10.3125 12.375C10.1685 12.375 10.0245 12.3202 9.91502 12.2101L8.60243 10.8975C8.49669 10.7917 8.4375 10.6492 8.4375 10.5V8.4375C8.4375 8.127 8.6895 7.875 9 7.875C9.3105 7.875 9.5625 8.127 9.5625 8.4375V10.2667L10.71 11.4142C10.9297 11.634 10.9297 11.9902 10.71 12.2101C10.6004 12.3202 10.4565 12.375 10.3125 12.375Z"
        fill={theme.colors.body}
      />
    </Svg>
  );
};
