import * as React from 'react';
import Svg, {SvgProps, Rect, Path} from 'react-native-svg';
interface IProps extends SvgProps {
  checked?: boolean;
}

const SvgComponent = ({checked = false, ...rest}: IProps) => (
  <Svg width={24} height={24} fill="none" {...rest}>
    <Rect
      x={0.5}
      y={0.5}
      width={23}
      height={23}
      rx={7.5}
      fill={checked ? '#353FC0' : 'none'}
      stroke="#353FC0"
    />
    {checked && (
      <>
        <Path d="m16.333 9-6.416 6.417L7 12.5" fill="#353FC0" />
        <Path
          d="m16.333 9-6.416 6.417L7 12.5"
          stroke="#fff"
          strokeWidth={1.167}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </>
    )}
  </Svg>
);

export default SvgComponent;