import { Icon } from "@icones/react"

import type { DocLocale } from "../content/types"

export function LocaleFlag({
  className,
  locale,
}: {
  className?: string
  locale: DocLocale
}) {
  return locale === "zh-Hans" ? (
    <Icon name="flag:cn-circle" className={className} />
  ) : (
    <Icon name="flag:us-circle" className={className} />
  )
}