@payfit/unity-components
Version:
44 lines (43 loc) • 1.77 kB
TypeScript
import { PropsWithChildren } from 'react';
/**
* PromoDialogContent contains the main content of a promo dialog.
* It provides consistent spacing and typography for dialog content.
*
* This component should be used within a `PromoDialog` to display the main message,
* description, or any other content that needs to be presented to the user.
* @param props - The props for the PromoDialogContent component
* @param props.children - The content to be displayed in the dialog body
* @example
* ```tsx
* import { PromoDialog, PromoDialogHero, DialogTitle, PromoDialogContent, PromoDialogActions, DialogButton } from '@payfit/unity-components'
* import { Illustration } from '@payfit/unity-illustrations'
* import ContractSignature from '@payfit/unity-illustrations/assets/ContractSignature'
*
* function PromoExample() {
* return (
* <PromoDialog>
* <PromoDialogHero>
* <Illustration src={ContractSignature} variant="picture" />
* </PromoDialogHero>
* <DialogTitle>Welcome</DialogTitle>
* <PromoDialogContent>
* <p>This is the main content of the promo dialog.</p>
* </PromoDialogContent>
* <PromoDialogActions>
* <DialogButton variant="close">Skip</DialogButton>
* <DialogButton variant="confirm">Continue</DialogButton>
* </PromoDialogActions>
* </PromoDialog>
* )
* }
* ```
* @remarks
* - Use this component for the main body text and content
* - Content will automatically scroll when it overflows
* - Maintains consistent spacing with other promo dialog parts
*/
declare const PromoDialogContent: {
({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
displayName: string;
};
export { PromoDialogContent };