export function Alert({ type = 'success', message }) {
  const styles =
    type === 'error'
      ? 'border-red-200 bg-red-50 text-red-800'
      : 'border-emerald-200 bg-emerald-50 text-emerald-800'

  return (
    <div className={`rounded-xl border px-4 py-3 text-sm font-medium ${styles}`} role="alert">
      {message}
    </div>
  )
}

