import { PropsWithChildren, default as React } from 'react'; import { RichText } from '../../../types'; type HTMLImageProps = Pick, HTMLImageElement>, 'src' | 'alt' | 'srcSet' | 'loading' | 'sizes' | 'height' | 'width'>; export interface LandingPageSectionProps extends PropsWithChildren { /** * Title to be displayed at the top of the content. */ title: string; /** * Description text to be displayed below the title. * * Can be a simple string or any React node. */ description?: RichText; /** * Image to be displayed in the content. * * Can be a string (URL) or an object with HTML image attributes. * If you want to use a string, it should be a valid image src. * If you want to use an object, it should contain properties like `src`, `alt`, etc. */ image?: string | HTMLImageProps; /** * Actions to be displayed below the content. * * If you want to display multiple actions, pass them as an array. * If you want to display a single action, pass it as a single React element. */ actions?: React.ReactElement | Array; /** * Sets max-width and centers component. * * If set to `"large"`, the component will set a max width to page content (currently 1150px). * If set to `"medium"`, the component will set a width ideal for text content (currently 826px). * If set to `"fit"`, the component will set a width that fits its content. * * @default medium */ maxWidth?: false | 'large' | 'medium' | 'fit'; } /** * A section for the landing page that includes a title, description, image, actions, and content. * * This component is designed to be flexible and can be used to create various sections of a landing page. * It supports a title, an optional description, an image, actions (buttons), and custom content. * The `maxWidth` prop allows you to control the width of the section's content. * * @param {LandingPageSectionProps} props - The properties for the landing page section. * @returns {JSX.Element} The rendered landing page section. */ export declare const LandingPageSection: React.FC; export {};