interface ChevronRightProps {
  width?: number;
  height?: number;
  active?: boolean;
}

export function ChevronRight({
  width = 20,
  height = 20,
  active,
}: ChevronRightProps) {
  return (
    <svg
      width={width}
      height={height}
      viewBox={`0 0 ${width} ${height}`}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.79602 4.99634L13.3449 10.0001L8.79602 15.0038L7.87109 14.163L11.6556 10.0001L7.87109 5.83718L8.79602 4.99634Z"
        fill={active ? "var(--oh-text-tertiary)" : "var(--oh-border)"}
      />
    </svg>
  );
}
