const CameraOnSVG = () => {
  return (
    <svg width="18" height="12" viewBox="0 0 18 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M2.35107 11.8945C0.878906 11.8945 0 11.0449 0 9.57275V2.31445C0 0.849609 0.944824 0 2.35107 0H10.2905C11.7627 0 12.5684 0.849609 12.5684 2.31445V9.57275C12.5684 11.0449 11.6895 11.8945 10.2173 11.8945H2.35107ZM13.5645 8.10791V3.7793L16.2305 1.47949C16.4795 1.25977 16.7725 1.12061 17.0361 1.12061C17.6074 1.12061 17.981 1.53809 17.981 2.13867V9.75586C17.981 10.3564 17.6074 10.7739 17.0361 10.7739C16.7725 10.7739 16.4795 10.6348 16.2305 10.415L13.5645 8.10791Z"
        fill="#ED7474"
      />
      <path
        d="M2.35107 11.8945C0.878906 11.8945 0 11.0449 0 9.57275V2.31445C0 0.849609 0.944824 0 2.35107 0H10.2905C11.7627 0 12.5684 0.849609 12.5684 2.31445V9.57275C12.5684 11.0449 11.6895 11.8945 10.2173 11.8945H2.35107ZM13.5645 8.10791V3.7793L16.2305 1.47949C16.4795 1.25977 16.7725 1.12061 17.0361 1.12061C17.6074 1.12061 17.981 1.53809 17.981 2.13867V9.75586C17.981 10.3564 17.6074 10.7739 17.0361 10.7739C16.7725 10.7739 16.4795 10.6348 16.2305 10.415L13.5645 8.10791Z"
        fill="white"
      />
    </svg>
  );
};

const CameraOffSVG = () => {
  return (
    <svg width="22" height="19" viewBox="0 0 22 19" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M4.10204 2.98412C3.66551 3.38015 3.41406 3.9721 3.41406 4.72778V11.9861C3.41406 13.4583 4.29297 14.3079 5.76514 14.3079H13.6313C14.201 14.3079 14.6818 14.1806 15.0573 13.9394L4.10204 2.98412ZM15.9717 12.2615C15.9788 12.1723 15.9824 12.0805 15.9824 11.9861V4.72778C15.9824 3.26294 15.1768 2.41333 13.7046 2.41333H6.1235L15.9717 12.2615ZM16.9785 6.19263V10.5212L19.6445 12.8284C19.8936 13.0481 20.1865 13.1873 20.4502 13.1873C21.0215 13.1873 21.395 12.7698 21.395 12.1692V4.552C21.395 3.95142 21.0215 3.53394 20.4502 3.53394C20.1865 3.53394 19.8936 3.6731 19.6445 3.89282L16.9785 6.19263Z"
        fill="#ED7473"
      />
      <rect
        y="1.29611"
        width="1.833"
        height="23.7102"
        rx="0.916499"
        transform="rotate(-45 0 1.29611)"
        fill="#ED7473"
      />
    </svg>
  );
};

export { CameraOnSVG, CameraOffSVG };
