import { DDSElement } from "../../base/index.cjs";
/**
 * `daikin-card` is a component for display content related to a single subject. The content can consist of multiple elements of varying types and sizes.
 *
 * Hierarchy:
 * - `daikin-card` > `daikin-card-header`
 * - `daikin-card` > `daikin-card-footer`
 * - `daikin-card` > `daikin-empty-state`
 *
 * @slot - A slot for card header, body, card footer. Place `daikin-card-header`, custom body content, `daikin-card-footer` here in order.
 *
 * @example
 *
 * ```js
 * import "@daikin-oss/design-system-web-components/components/card/index.js";
 * import "@daikin-oss/design-system-web-components/components/card-footer/index.js";
 * import "@daikin-oss/design-system-web-components/components/card-header/index.js";
 * ```
 *
 * ```html
 * <daikin-card outline>
 *   <daikin-card-header>
 *     <daikin-card-header>
 *       <daikin-icon slot="left-icon" icon="alarm" size="xl" color="current"></daikin-icon>
 *       <span slot="description">Description</span>
 *       <span>Card Title</span>
 *       <span slot="description">Description</span>
 *     </daikin-card-header>
 *   </daikin-card-header>
 *   <p>Card body.</p>
 *   <daikin-card-footer>
 *     <daikin-button size="small">Button</daikin-button>
 *   </daikin-card-footer>
 * </daikin-card>
 * ```
 */
export declare class DaikinCard extends DDSElement {
    static styles: import('lit').CSSResult;
    /**
     * Specify whether the card border to be visible or not.
     */
    outline: boolean;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "daikin-card": DaikinCard;
    }
}