import React from 'react';
import Svg, { Path } from 'react-native-svg';
import type { StyleProp, ViewStyle } from 'react-native';

type Props = {
    color?: string;
    style?: StyleProp<ViewStyle>;
};

const ClearIcon: React.FC<Props> = ({ color, style }) => {
    return (
        <Svg viewBox="0 0 24 24" style={style}>
            <Path d="M0 0h24v24H0z" fill="none" />
            <Path
                fill={color || 'currentColor'}
                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
            />
        </Svg>
    );
};

export default ClearIcon;