diff --git a/packages/shared/src/components/auth/SignupWidget.tsx b/packages/shared/src/components/auth/SignupWidget.tsx index 814899db09..222212011b 100644 --- a/packages/shared/src/components/auth/SignupWidget.tsx +++ b/packages/shared/src/components/auth/SignupWidget.tsx @@ -1,4 +1,4 @@ -import type { ReactElement } from 'react'; +import type { ReactElement, ReactNode } from 'react'; import React from 'react'; import classNames from 'classnames'; import { useAuthContext } from '../../contexts/AuthContext'; @@ -33,6 +33,7 @@ const denseContainer = interface SignupWidgetProps { title: string; description: string; + children?: ReactNode; /** Which surface is asking, for the analytics on the resulting signup. */ trigger: AuthTriggersType; /** @@ -41,6 +42,7 @@ interface SignupWidgetProps { * ranking without putting the rail into a scroll. The legal strip stays. */ dense?: boolean; + centered?: boolean; className?: string; } @@ -57,7 +59,9 @@ export function SignupWidget({ description, trigger, dense, + centered = false, className, + children, }: SignupWidgetProps): ReactElement { const { showLogin } = useAuthContext(); @@ -65,10 +69,19 @@ export function SignupWidget({