import React from 'react';

type DownArrowProps = {
    color?: string
}

const DownArrow = ({color="#707070"}: DownArrowProps) => {

    return (
        <svg xmlns="http://www.w3.org/2000/svg" width="10.144" height="5.958" viewBox="0 0 10.144 5.958">
            <path id="Down_Arrow_3_" d="M24.544,44.957a.412.412,0,0,1-.292-.121l-4.131-4.131a.413.413,0,0,1,.584-.584l3.839,3.839,3.839-3.839a.413.413,0,0,1,.584.584l-4.131,4.131A.412.412,0,0,1,24.544,44.957Z" transform="translate(-19.5 -39.5)" fill={color} stroke={color} strokeWidth="1"/>
        </svg>

    );
}

export default DownArrow;