teqo-backup/src/components/campaign/CampaignAuthPageShell.tsx
Francisco Ignácio Fontoura Solla f5140b15a2 Polish campaign login auth UI after Impeccable critique.
Fix header alignment and rhythm, swap Megaphone for CampaignLogo, add progressive disclosure for first access, and extract shared auth shells with corrected individual-account copy; record closed critique items in RS+.
2026-07-19 19:24:12 -03:00

28 lines
734 B
TypeScript

import type { ComponentProps, ReactNode } from 'react'
import { CampaignLogo } from '@/components/campaign/campaign-logo'
import { cn } from '@/lib/utils'
type CampaignAuthPageShellProps = {
children: ReactNode
className?: string
} & Omit<ComponentProps<'main'>, 'children' | 'className'>
export const CampaignAuthPageShell = ({
children,
className,
...props
}: CampaignAuthPageShellProps) => (
<main
className={cn(
'flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10',
className,
)}
{...props}
>
<div className="flex w-full max-w-sm flex-col gap-6">
<CampaignLogo className="mx-auto w-40 max-w-full bg-primary" />
{children}
</div>
</main>
)