import * as React from "react"
import Svg, {
    Path,
    Defs,
    Pattern,
    Use,
    Image,
} from "react-native-svg"

interface Props {
    width?: number,
    height?: number
}


const Kitay = ({ height = 24, width = 24 }: Props) => (
    <Svg
        width={width}
        height={height}
        fill="none"
        viewBox="0 0 24 24"
    >
        <Path fill="url(#a)" d="M0 0h24v24H0z" />
        <Defs>
            <Pattern
                id="a"
                width={1}
                height={1}
                patternContentUnits="objectBoundingBox"
            >
                <Use xlinkHref="#b" transform="matrix(.00276 0 0 .00276 -.19 -.188)" />
            </Pattern>
            <Image
                xlinkHref="data:image/png;base64,[encoded data, 73584 characters]"
                id="b"
                width={500}
                height={500}
                preserveAspectRatio="none"
            />
        </Defs>
    </Svg>
)
export default Kitay
