import type { ReactNode } from 'react'
import type { Notice } from '@/shared/lib'
import { Alert } from '@/shared/ui'

export function AuthPanel({
  heading,
  notice,
  children,
  footer,
}: {
  heading: ReactNode
  notice?: Notice
  children: ReactNode
  footer?: ReactNode
}) {
  return (
    <>
      {heading}
      <Alert notice={notice} />
      {children}
      {footer}
    </>
  )
}