import Svg, { Path } from 'react-native-svg'

import { colors } from '../Colors'
import { SvgIconProps } from '../components/SvgIcon'

export function CloseXIcon(props: SvgIconProps): React.ReactElement {
  const { stroke = colors.white, size = 30, style } = props

  return (
    <Svg
      style={style}
      width={size}
      height={size}
      viewBox="0 0 30 30"
      fill="none"
    >
      <Path
        d="M23 7L7 23"
        stroke={stroke}
        strokeWidth="3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <Path
        d="M7 7L23 23"
        stroke={stroke}
        strokeWidth="3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </Svg>
  )
}