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

export const ArrowDownDiagonal: React.FC = () => {
    return (
        <Svg width="12" height="12" viewBox="0 0 12 12" fill="none">
            <Path
                d="M9.99512 9.10246C9.98216 9.22962 9.94477 9.34941 9.88867 9.45793C9.88374 9.4675 9.87831 9.47681 9.87305 9.48625C9.8299 9.56347 9.77712 9.63432 9.71582 9.69719C9.71278 9.70031 9.71012 9.70387 9.70703 9.70696C9.70426 9.70973 9.70104 9.71204 9.69824 9.71477C9.63405 9.77742 9.56155 9.83123 9.48242 9.87492C9.47513 9.87895 9.4683 9.88379 9.46094 9.88762C9.4403 9.89835 9.41891 9.90761 9.39746 9.91692C9.35876 9.93368 9.31942 9.94825 9.2793 9.95989C9.19061 9.98563 9.09697 9.99992 9 9.99992L4 9.99992C3.44774 9.99992 3.00004 9.55217 3 8.99992C3 8.44764 3.44772 7.99992 4 7.99992L6.58594 7.99992L2.29297 3.70696C1.90246 3.31644 1.90248 2.68342 2.29297 2.29289C2.68349 1.90237 3.31651 1.90237 3.70703 2.29289L8 6.58586L8 3.99992C8 3.44764 8.44772 2.99992 9 2.99992C9.55228 2.99992 10 3.44764 10 3.99992L10 8.99992L9.99512 9.10246Z"
                fill="#F77A6E"
            />
        </Svg>
    );
};

export default ArrowDownDiagonal;