import { type FunctionalComponent } from '../../../stencil-public-runtime';
import { FontStyle } from '../../../utils/propTypes';
export declare const labelId = "label";
export declare const descriptionId = "description";
export type LabelProps = {
    label?: string;
    /** The font style of the label. */
    labelFontStyle?: Exclude<FontStyle, 'thin'>;
    helptext?: string;
    htmlFor?: string;
    required?: boolean;
    disabled?: boolean;
    /** Is the component displayed on a dark background. */
    dark?: boolean;
    /**
     * The type of label. `label` is used for labeling specific elements. `legend` is a broad label used for a group of objects.
     * @default 'label'
     */
    type?: 'label' | 'legend';
    /** If true, the label will have no margin. */
    noMargin?: boolean;
};
/**
 * Accessible label component that can be used to display a label and help text for form fields.
 * Remember to add `@import 'path/to/label.scss';` to the component's SCSS file so the styles are applied.
 */
export declare const Label: FunctionalComponent<LabelProps>;