import { DuetColor, DuetMargin, DuetTheme } from "../../common-types";
import { ThemeableComponent } from "../../common/themeable-component";
export type DuetParagraphSize = "small" | "medium";
export type DuetParagraphWeight = "semi-bold" | "bold" | undefined;
export type DuetParagraphVariation = "default" | "intro";
/**
 * @part duet-paragraph - piercing selector for styling the paragraph
 */
export declare class DuetParagraph implements ThemeableComponent {
    private id;
    private inheritingParents;
    /**
     * Reference to host HTML element.
     */
    element: HTMLElement;
    /**
     * Theme of the paragraph.
     */
    theme: DuetTheme;
    /**
     * Controls the margin of the component.
     */
    margin: DuetMargin;
    /**
     * Controls the size of the paragraph.
     */
    size: DuetParagraphSize;
    /**
     * Controls the Font-Weight of the paragraph.
     */
    weight: DuetParagraphWeight;
    /**
     * Style variation of the paragraph.
     */
    variation: DuetParagraphVariation;
    /**
     * Custom color to be used for text, as a design token entered in camelCase or kebab-case.
     * Example: "color-primary".
     */
    color: DuetColor;
    /**
     * Component lifecycle events.
     */
    componentWillLoad(): void;
    /**
     * render() function
     * Always the last one in the class.
     */
    render(): any;
}