import type { ReactNode } from 'react'

export function EmailSummary({
  email,
  action,
  className = 'mb-6',
}: {
  email: string
  action?: ReactNode
  className?: string
}) {
  return (
    <div className={`${className} flex flex-wrap items-center justify-center gap-2`.trim()}>
      <span className="max-w-full font-latin text-sm font-medium wrap-anywhere">{email}</span>
      {action}
    </div>
  )
}