type Props = { message: string; detail?: string }

export default function EmptyState({ message, detail }: Props) {
  return (
    <div className="rounded-lg border border-dashed border-stone-300 dark:border-stone-700 px-6 py-12 text-center space-y-2">
      <p className="text-sm text-stone-500 dark:text-stone-400">{message}</p>
      {detail && <p className="text-sm text-stone-400 dark:text-stone-500">{detail}</p>}
    </div>
  )
}
