import React from 'react'; export interface HeroProps { /** * The text that is going to be displayed as the title */ headline: string; /** * The check list that is going to be displayed */ checkList?: string[]; /** * The subtitle */ subtitle?: string; /** * The content of the hero (CTA, bullet list, etc.) */ children?: React.ReactNode; /** * the color of the swish. It should be the same as the stuff you have below the hero */ swishColor?: string; /** * Do we display the swish? */ swishDisplay?: 'full' | 'none'; /** * Use a solid background instead of the subtle background-image */ solidBackgroundColor?: string; /** * The foreground illustration */ illustration?: string; /** * The width of the illustration image */ illustrationWidth?: number; /** * The height of the illustration image */ illustrationHeight?: number; /** * Alternative text for the foreground illustration */ illustrationAlt?: string; /** * The `srcset` property in the tag relative to the picture * use this to make the illustration's resolution adaptative * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture */ illustrationSrcset?: string; /** * The `sizes` property in the tag relative to the picture * use this to specify different image widths for responsive images * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture */ illustrationSizes?: string; /** * The `media` property in the tag relative to the picture * use this to make the illustration's resolution adaptative * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture */ illustrationMedia?: string; /** * The `type` property in the tag specifies a MIME type for * the resource URL(s) in the element's srcset attribute. */ illustrationSrcType?: string; } declare function Hero(props: HeroProps): React.ReactElement; export default Hero;