packages/components/containers/onboarding/OnboardingContent.tsx

   1 import type { HTMLProps, ReactNode } from 'react';
   2
   3 export interface Props extends Omit<HTMLProps<HTMLDivElement>, 'title'> {
   4     description?: ReactNode;
   5     children?: ReactNode;
   6     img?: ReactNode;
   7     title?: ReactNode;
   8 }
   9
  10 const OnboardingContent = ({ description, img, children, title, ...rest }: Props) => {
  11     return (
  12         <div {...rest}>
  13             {img && <div className="pb-4 text-center m-auto w-full">{img}</div>}
  14             {title && <h1 className="mb-2 text-2xl text-bold text-center">{title}</h1>}
  15             {description && <div className="text-center color-weak mb-6">{description}</div>}
  16             {children && <div className="mb-4">{children}</div>}
  17         </div>
  18     );
  19 };
  20
  21 export default OnboardingContent;