import Svg, { Path, G, Defs, ClipPath, Rect } from 'react-native-svg';

export const DownArrowIcon = () => (
    <Svg width="10" height="10" viewBox="0 0 10 10" fill="none">
        <G clipPath="url(#clip0_2_1955)">
            <Path
                d="M4.50684 7.5293C4.64648 7.66895 4.83594 7.79785 5.01465 7.75879C5.19434 7.78906 5.36328 7.64941 5.50293 7.5293L9.81641 3.19629C10.0352 2.97754 10.0352 2.61816 9.81641 2.39941C9.59766 2.18066 9.23828 2.18066 9.01953 2.39941L5.00488 6.52344L0.980469 2.39941C0.761719 2.18066 0.402344 2.18066 0.183594 2.39941C-0.0351562 2.61816 -0.0351562 2.97754 0.183594 3.19629L4.50684 7.5293Z"
                fill="#F5F5F5"
                stroke="#F5F5F5"
                strokeWidth="0.4"
            />
        </G>
        <Defs>
            <ClipPath id="clip0_2_1955">
                <Rect
                    width="10"
                    height="10"
                    fill="white"
                    transform="matrix(-1 0 0 1 10 0)"
                />
            </ClipPath>
        </Defs>
    </Svg>
);
