export function AdminField({ label, children, className = '' }) {
  return (
    <label className={`block text-body-sm ${className}`}>
      <span className="text-label uppercase text-ink-muted">{label}</span>
      <div className="mt-1">{children}</div>
    </label>
  )
}

export function adminInputClassName(extra = '') {
  return `w-full min-h-10 border border-border bg-surface px-3 text-body focus:border-ink focus:outline-none ${extra}`
}