import * as i0 from "@angular/core";
/**
 * The **QdImageComponent** can display one or two images with optional captions, allowing users to specify individual sources and alt texts for each image.
 * This design provides flexibility to display either a primary image alone or with an optional secondary image.
 *
 * #### **Features**
 *
 * - **Primary Image**: Always displayed prominently, with customizable `src` and `alt` attributes.
 * - **Secondary Image** (optional): Displays a secondary image with an optional caption if provided.
 * - **Caption**: Allows a textual description or additional context to be added for the secondary image.
 *
 * #### **Accessibility**
 *
 * Each image includes a dedicated `alt` attribute for accessibility, ensuring screen readers can interpret the images.
 * Descriptive alt text is recommended for both the primary and secondary images to enhance accessibility.
 *
 * #### **Standalone and QLS Compatibility**
 *
 * The **QdImageComponent** supports standalone use or can be nested within a **QdSection** in the QLS (Quadrel Layout System).
 *
 * #### **Usage**
 *
 * Place the component in your template and specify the necessary input properties as needed.
 *
 * ```html
 * <qd-image
 *   primarySrc="path/to/primary-image.jpg"
 *   primaryAlt="Primary Image Description"
 *   secondarySrc="path/to/secondary-image.jpg"
 *   secondaryAlt="Secondary Image Description"
 *   secondaryCaption="This is the caption for the secondary image."
 *   [data-test-id]="'custom-test-id'"
 * ></qd-image>
 * ```
 */
export declare class QdImageComponent {
    /**
     * Sets the path for the primary source.
     */
    primarySrc?: string;
    /**
     * Sets the text for the primary alt attribute.
     */
    primaryAlt?: string;
    /**
     * Sets the path for the secondary source.
     */
    secondarySrc?: string;
    /**
     * Sets the text for the secondary alt attribute.
     */
    secondaryAlt?: string;
    /**
     * Sets the text for a caption for the secondary image.
     */
    secondaryCaption?: string;
    /**
     * Static test ID for integration testing.
     */
    testId: string;
    static ɵfac: i0.ɵɵFactoryDeclaration<QdImageComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<QdImageComponent, "qd-image", never, { "primarySrc": { "alias": "primarySrc"; "required": false; }; "primaryAlt": { "alias": "primaryAlt"; "required": false; }; "secondarySrc": { "alias": "secondarySrc"; "required": false; }; "secondaryAlt": { "alias": "secondaryAlt"; "required": false; }; "secondaryCaption": { "alias": "secondaryCaption"; "required": false; }; "testId": { "alias": "data-test-id"; "required": false; }; }, {}, never, never, false, never>;
}
//# sourceMappingURL=image.component.d.ts.map