import { Cre8Element } from '../cre8-element';
/**
 * The section component acts as a block level HTML element that takes a 'headline' property
 * that renders the section's heading which wraps around any HTML template
 * that is found under this heading in the page layout.
 *
 * # How to Use
 * 1. Use the headline attribute to create the section header, or if you need a more custom header
 *    there is a slot="header" that you can target for inserting a custom template.
 * 2. For the main body contents, any html template can be placed inside the cre8-section component
 *    and will automatically render below the header.
 *
 * Note: for a section with a dark background please control this with the internal Components' inverted attributes.
 *
 *
 * @slot The content of the section should go here.
 * It could be a cre8-text-passage, a cre8-card or any other block level html.
 */
export declare class Cre8Section extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * The Headline will be rendered as the Section Headline with the correct brand styling applied
     */
    headline?: string;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-section': Cre8Section;
    }
}
export default Cre8Section;
//# sourceMappingURL=section.d.ts.map