import { ISectionElementWrapper, SectionElementProps } from '../../../sections'; import { GlobalConfig, MixedSection, Section } from '../../../state'; /** * Renders all elements in the parent node, wrapped in a flex container and admin controls when on admin pages. */ export default function ContainedSectionElements({ editMode, SectionElement, section, baseClassName, SectionElementWrapper, className, itemIdChain, elementIdChain, defaultFlexClassName, globalConfig, style, }: { /** Extra CSS classes applied to the flex block containing the elements */ className?: string; /** Wheter this is in editMode or not IE in admin system or not */ editMode?: boolean; /** The section that contains this element */ section: Section & { areaName: string; }; /** Classname that defines what this section is in should be of the format {theme}-{section-type} eg 'gar-image-banner' */ baseClassName?: string; /** The theme SectionElement component that renders elements */ SectionElement: React.ComponentType; /** A prop drilled component that provides admin controls, only provided in admin system */ SectionElementWrapper?: ISectionElementWrapper; /** An ordered list of item IDs representing the item level ancestry for the elements being displayed. */ itemIdChain?: string[]; /** An ordered list of element IDs representing the element level ancestry for the elements being displayed. */ elementIdChain?: string[]; /** Defines the default layout for the flex container when the user has not overridden the settings via the CMS. It should specify both mobile and `@md` widths eg `justify-end items-start` `@md:justify-center` `@md:items-start` */ defaultFlexClassName?: string; /** globalConfig is used for search form element configuration. */ globalConfig?: GlobalConfig; style?: React.CSSProperties; }): import("react/jsx-runtime").JSX.Element | null; //# sourceMappingURL=contained-section-elements.component.d.ts.map