import './wikilink-chip.css'

interface WikilinkChipProps {
  label: string
  target?: string
  resolved?: boolean
  className?: string
}

export function WikilinkChip({ label, target, resolved = true, className }: WikilinkChipProps) {
  const classes = [
    'reams-wikilink-chip',
    resolved ? null : 'reams-wikilink-unresolved',
    className,
  ].filter(Boolean).join(' ')

  return (
    <span className={classes} data-target={target}>
      {label}
    </span>
  )
}