import { Icon } from '@stash/ui'

/**
 * 语义图标：stash 内部一直按用途引用（SearchIcon / RefreshIcon…），
 * 这里统一映射到 @stash/ui 的 iconfont 字形，避免各页面记字形名。
 */
type IconProps = {
  className?: string
}

export function SearchIcon({ className }: IconProps) {
  return <Icon name="search_3_line" className={className} />
}

export function UserIcon({ className }: IconProps) {
  return <Icon name="user_3_line" className={className} />
}

export function RefreshIcon({ className }: IconProps) {
  return <Icon name="refresh_3_line" className={className} />
}

export function LinkIcon({ className }: IconProps) {
  return <Icon name="link_3_line" className={className} />
}

export function ExternalIcon({ className }: IconProps) {
  return <Icon name="a-external_link_line1" className={className} />
}

export function EyeIcon({ className }: IconProps) {
  return <Icon name="eye_line" className={className} />
}

export function ThumbUpIcon({ className }: IconProps) {
  return <Icon name="thumb_up_2_line" className={className} />
}

export function ShareIcon({ className }: IconProps) {
  return <Icon name="share_3_line" className={className} />
}

export function CloseIcon({ className }: IconProps) {
  return <Icon name="close_line" className={className} />
}

export function MoreIcon({ className }: IconProps) {
  return <Icon name="more_1_line" className={className} />
}

export function ArrowUpIcon({ className }: IconProps) {
  return <Icon name="arrow_up_line" className={className} />
}

export function ArrowDownIcon({ className }: IconProps) {
  return <Icon name="arrow_down_line" className={className} />
}