import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";

interface CameraIconProps extends SvgProps {
  color?: string;
}

const CameraIcon: React.FC<CameraIconProps> = (props) => (
  <Svg
    width={23}
    height={21}
    fill="none"
    {...props}
  >
    <Path
      stroke={props.color || "#919191"}
      strokeWidth={1.583}
      d="M11.5 14.722a3.167 3.167 0 1 0 0-6.333 3.167 3.167 0 0 0 0 6.333Z"
    />
    <Path
      stroke={props.color || "#919191"}
      strokeWidth={1.583}
      d="M9.154 20h4.691c3.295 0 4.942 0 6.126-.776a4.651 4.651 0 0 0 1.294-1.271c.79-1.162.79-2.78.79-6.014 0-3.234 0-4.851-.79-6.013a4.65 4.65 0 0 0-1.294-1.271c-.76-.499-1.713-.677-3.17-.74-.696 0-1.294-.518-1.43-1.188A2.179 2.179 0 0 0 13.223 1H9.775c-1.043 0-1.94.723-2.145 1.727-.137.67-.736 1.187-1.431 1.187-1.457.064-2.41.242-3.17.741a4.65 4.65 0 0 0-1.294 1.27c-.79 1.163-.79 2.78-.79 6.014 0 3.235 0 4.852.79 6.014a4.65 4.65 0 0 0 1.294 1.27C4.213 20 5.86 20 9.154 20Z"
    />
    <Path
      stroke={props.color || "#919191"}
      strokeLinecap="round"
      strokeWidth={1.583}
      d="M18.889 8.389h-1.056"
    />
  </Svg>
);

export default CameraIcon;