import Svg, { Path } from "react-native-svg";
import type { SvgProps } from "react-native-svg";
const SvgComponent = ({ height, width, color }: SvgProps) => (
  <Svg width={width} height={height} fill='none' viewBox='0 0 24 24'>
    <Path
      fill={color}
      d='M4.308 18.5q-.758 0-1.283-.525a1.75 1.75 0 0 1-.525-1.283V5.308q0-.758.525-1.283T4.308 3.5h15.384q.758 0 1.283.525t.525 1.283v14.546q0 .607-.555.841t-.982-.193L17.963 18.5zM18.6 17l1.4 1.385V5.308a.3.3 0 0 0-.096-.212.3.3 0 0 0-.212-.096H4.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v11.384q0 .116.096.212a.3.3 0 0 0 .212.096z'
    />
    <Path
      fill='#F5F5F5'
      d='M11.67 16a.96.96 0 0 1-.686-.275.99.99 0 0 1-.313-.673h1.996a.99.99 0 0 1-.313.673.96.96 0 0 1-.685.275m-1.573-1.674a.38.38 0 0 1-.28-.112.38.38 0 0 1-.113-.28.38.38 0 0 1 .113-.28.38.38 0 0 1 .28-.114h3.145a.38.38 0 0 1 .28.113.38.38 0 0 1 .113.28.38.38 0 0 1-.113.28.38.38 0 0 1-.28.114zm-.313-1.511a3.8 3.8 0 0 1-1.304-1.339A3.53 3.53 0 0 1 8 9.67q0-1.532 1.069-2.6 1.068-1.07 2.6-1.069 1.533 0 2.601 1.069 1.07 1.068 1.069 2.6a3.53 3.53 0 0 1-.48 1.807q-.48.827-1.304 1.338z'
    />
    <Path
      stroke='#000'
      strokeWidth={1.5}
      d='m20.494 19.972-2.002-2.002-.22-.22h.02l1.18 1.168 1.12 1.107-.025.003a.2.2 0 0 1-.073-.056ZM9.129 11.099a2.8 2.8 0 0 1-.379-1.43c0-.825.28-1.5.849-2.07.57-.57 1.245-.849 2.07-.849.826 0 1.501.28 2.07.849.57.57.85 1.245.85 2.07 0 .525-.127.997-.38 1.43a3.04 3.04 0 0 1-.88.966H10.01a3.04 3.04 0 0 1-.881-.966ZM4.308 17.75c-.311 0-.547-.1-.753-.305a1 1 0 0 1-.305-.753c0 .31.138.564.315.741.178.179.431.317.743.317ZM3.25 5.308c0-.311.1-.547.305-.753a1 1 0 0 1 .753-.305c-.311 0-.564.138-.742.316a1.04 1.04 0 0 0-.316.742ZM19.692 4.25c.311 0 .546.1.753.305a1 1 0 0 1 .305.753c0-.311-.138-.564-.316-.742a1.04 1.04 0 0 0-.742-.316Z'
    />
  </Svg>
);
export default SvgComponent;
