formbricks/apps/web/modules/auth/invite/components/content-layout.tsx

interface ContentLayoutProps {
  headline: string;
  description: string;
  children?: React.ReactNode;
}

export const ContentLayout = ({ headline, description, children }: ContentLayoutProps) => {
  return (
    <div className="flex h-screen">
      <div className="m-auto flex flex-col gap-7 text-center text-slate-700">
        <h2 className="text-3xl font-bold">{headline}</h2>
        <p className="text-2xl">{description}</p>
        <div className="flex justify-center gap-5 text-xs">{children}</div>
      </div>
    </div>
  );
};