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

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

    const pathScale = 20 / size;

    const finalColor = customColor ? customColor : colors.content.icon[color];

    return <Svg
        height={size}
        width={size}
        fill="none"
        {...props}
    >
        <Path
            d="m12.5 7.5-5 5m0-5 5 5M3.208 7.183a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z"
            transform={`scale(${1 / pathScale})`}
            strokeLinejoin="round"
            strokeLinecap="round"
            strokeWidth={1.167}
            stroke={finalColor}
        />
        <Path
            d="M7.575 7.5a2.5 2.5 0 0 1 4.858.833c0 1.667-2.5 2.5-2.5 2.5M10 14.167h.008"
            transform={`scale(${1 / pathScale})`}
            strokeLinecap="round"
            strokeLinejoin="round"
            stroke={finalColor}
            strokeWidth={1.167}
        />
    </Svg>;
};
export default SvgBadgeQuestionMarkIcon;
