export type TriangleDirection = 'left' | 'right' | 'up' | 'down';

interface TriangleIconProps {
  direction?: TriangleDirection;
  className?: string;
}

/**
 * Einheitliches Richtungssymbol fuer Navigation und aufklappbare Controls.
 * Als SVG bleibt das Dreieck unabhaengig von Schriftart und Zeichenkodierung.
 */
export function TriangleIcon({ direction = 'left', className = '' }: TriangleIconProps) {
  const classes = `triangle-icon triangle-icon-${direction}${className ? ` ${className}` : ''}`;
  return <svg className={classes} viewBox="0 0 12 12" aria-hidden="true" focusable="false">
    <path d="M9.5 1.5 2.5 6l7 4.5z" />
  </svg>;
}