import type { ReactNode } from 'react'

import { cn } from '@/lib/cn'

interface InlineNoticeProps {
  children: ReactNode
  className?: string
}

/**
 * Compact form/page notice for lock banners, pending-revision hints, etc.
 */
const InlineNotice = ({ children, className }: InlineNoticeProps) => (
  <p
    className={cn('rounded-xl border p-2 text-sm border border-fourth text-fourth-900', className)}
    role="status"
  >
    {children}
  </p>
)

export default InlineNotice