import { Cre8Element } from '../cre8-element';
/**
 * The text-passage component acts a general wrapper element
 * for any text content that needs to be used in your project.
 *
 * # How to Use
 * 1. Code your text passage using any of the native html text elements (p, ol, ul, blockquote, cite, etc.)
 *    or other Cre8 Components like cre8-heading and wrap them with the cre8-text-passage tags.
 * 2. Choose between three sizes for your text content or apply inline styling if you need additional styling.
 * 3. For dark backgrounds, add the 'inverted' attribute to the <cre8-text-passage> tag.
 * 3. Your text-passage will render with brand-approved styling!
 *
 *
 * NOTE: It is recommended that you use the cre8-heading component for any heading elements in your HTML template
 *
 * @slot - The component content
 */
export declare class Cre8TextPassage extends Cre8Element {
    static styles: import("lit").CSSResult[];
    /**
     * Inverted variant
     * 1) Used for dark backgrounds
     */
    inverted?: boolean;
    /**
     * Size variant
     * - **small** renders smaller typography than the default variant
     * - **default** renders default typography variant
     * - **large** renders larger typography than the default variant
     */
    size?: 'small' | 'default' | 'large';
    /**
     * Add the light dom styles when this component is connected to a page
     */
    connectedCallback(): void;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-text-passage': Cre8TextPassage;
    }
}
export default Cre8TextPassage;
//# sourceMappingURL=text-passage.d.ts.map