Email Preview Frame

import { EmailPreviewFrame } from "@/components/ui/email-preview-frame"

export function Example() {
  return (
    <EmailPreviewFrame subject="Verify your email">
      <EmailLayout>
        <EmailHeader />
        <div className="space-y-3 px-6 py-6">
          <h1 className="text-xl font-medium text-fg">Confirm it is you</h1>
          <p className="text-sm text-fg-muted">Click below to verify aman@minidev.pro.</p>
          <EmailButton>Verify email</EmailButton>
        </div>
        <EmailCard title="Did not request this?">Ignore this message — your account stays unchanged.</EmailCard>
        <EmailFooter />
      </EmailLayout>
    </EmailPreviewFrame>
  )
}