type HubNavChevronProps = {
  direction: 'prev' | 'next';
  className?: string;
};

export function HubNavChevron({ direction, className = '' }: HubNavChevronProps) {
  return (
    <svg
      className={`hub-nav-chevron${className ? ` ${className}` : ''}`}
      viewBox="0 0 24 24"
      fill="none"
      aria-hidden="true"
    >
      {direction === 'prev' ? (
        <path stroke="currentColor" d="M15.5 1 8.5 12l7 11" />
      ) : (
        <path stroke="currentColor" d="M8.5 1 15.5 12 8.5 23" />
      )}
    </svg>
  );
}
