import React from 'react'; import { type HeadingProps } from "../Heading"; import { type SceneProps, type SpotProps } from "../Illustration"; import { type VariantType } from './types'; type LayoutType = 'default' | 'inline' | 'stacked'; type IllustrationType = 'spot' | 'scene'; type TextAlignment = 'center' | 'left'; type BaseGuidanceBlockProps = { layout?: LayoutType; illustration: React.ReactElement; illustrationType?: IllustrationType; smallScreenTextAlignment?: TextAlignment; /** A slot for the primary and secondary action. It is recommended to use the {@link https://cultureamp.design/?path=/docs/components-button-button-next-api-specification--docs | Button} or {@link https://cultureamp.design/?path=/docs/components-linkbutton-usage-guidelines--docs | LinkButton} wrapped in fragment. */ actionsSlot?: React.ReactNode; variant?: VariantType; noMaxWidth?: boolean; }; type GuidanceBlockWithText = { text: { title: string; titleTag?: HeadingProps['tag']; description: string | React.ReactNode; }; } & BaseGuidanceBlockProps; type GuidanceBlockPropsWithContent = { content: React.ReactElement; } & BaseGuidanceBlockProps; export type GuidanceBlockProps = GuidanceBlockWithText | GuidanceBlockPropsWithContent; /** * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} | * {@link https://cultureamp.design/?path=/docs/components-guidanceblock--docs Storybook} */ export declare const GuidanceBlock: { ({ layout, variant, noMaxWidth, illustrationType, smallScreenTextAlignment, illustration, actionsSlot, ...restProps }: GuidanceBlockProps): JSX.Element; displayName: string; }; export {};