import {
    NCoreUIKitTheme
} from "../../../core/hooks";
import {
    type INCoreUIKitIconProps
} from "../../../types";
import {
    Path,
    Svg
} from "react-native-svg";

const SvgCleanIcon = ({
    color = "default",
    customColor,
    size = 20,
    ...props
}: INCoreUIKitIconProps) => {
    const {
        colors
    } = NCoreUIKitTheme.useContext();

    const pathScale = 27 / size;

    return <Svg
        height={size}
        width={size}
        fill="none"
        {...props}
    >
        <Path
            d="M13.5 25C19.851 25 25 19.851 25 13.5S19.851 2 13.5 2 2 7.149 2 13.5 7.149 25 13.5 25ZM16.95 10.05l-6.9 6.9m0-6.9 6.9 6.9"
            stroke={customColor ? customColor : colors.content.icon[color]}
            transform={`scale(${1 / pathScale})`}
            strokeLinejoin="round"
            strokeLinecap="round"
            strokeWidth={1.25}
        />
    </Svg>;
};
export default SvgCleanIcon;