const Chevron = ({ direction = "down" }) => {
    const rotation = direction === "up" ? "rotate(180 30 3)" : "";
    return (
        <svg 
            width="60" 
            height="6" 
            viewBox="0 0 60 6" 
            xmlns="http://www.w3.org/2000/svg"
        >
            <polyline 
                points="1,1 30,5 59,1" 
                fill="none" 
                stroke="#ddd" 
                strokeWidth="1" 
                transform={rotation}
            />
        </svg>
    );
};

export default Chevron;
