import * as _angular_core from '@angular/core';

/**
 * Read-only labeled key / value list. Project `<wr-description-item>`
 * children. `title` is optional. Default layout stacks vertically; set
 * `[inline]="true"` for label-left / value-right rows.
 *
 * @example
 * ```html
 * <wr-descriptions title="Account" inline>
 *   <wr-description-item label="Name">Ada Lovelace</wr-description-item>
 *   <wr-description-item label="Email">ada@example.com</wr-description-item>
 *   <wr-description-item label="Joined">2024-03-12</wr-description-item>
 * </wr-descriptions>
 * ```
 *
 * @see https://ngwr.dev/components/descriptions
 */
declare class WrDescriptions {
    /** Optional title shown above the list. */
    readonly title: _angular_core.InputSignal<string>;
    /** Two-column rows (label left, value right) instead of stacked. @default false */
    readonly inline: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Add visible borders around each row. @default false */
    readonly bordered: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Reflow `inline` rows back to a stacked layout when the box itself is
     * narrow (a container query on its own width, not the viewport — so it
     * adapts inside a narrow card or side panel). Makes the box fill its
     * container's width. @default false
     */
    readonly responsive: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly classes: _angular_core.Signal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDescriptions, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDescriptions, "wr-descriptions", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

/**
 * One row in a {@link WrDescriptions}. The label comes from the
 * `label` input; the value is the projected content.
 */
declare class WrDescriptionItem {
    readonly label: _angular_core.InputSignal<string>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDescriptionItem, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDescriptionItem, "wr-description-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

export { WrDescriptionItem, WrDescriptions };