import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
import { CSSResultGroup } from 'lit';

/**
 * @summary Cards can be used to group related subjects in a container.
 *
 * @slot (default) - The card's main content.
 * @slot header - An optional header for the card.
 * @slot footer - An optional footer for the card.
 * @slot image - An optional image to render at the start of the card.
 *
 * @csspart base - The component's base wrapper.
 * @csspart image - The container that wraps the card's image.
 * @csspart header - The container that wraps the card's header.
 * @csspart body - The container that wraps the card's main content.
 * @csspart footer - The container that wraps the card's footer.
 *
 * @cssproperty --border-color - The card's border color, including borders that occur inside the card.
 * @cssproperty [--border-radius=var(--cx-border-radius-x-large)] - The border radius for the card's edges.
 * @cssproperty [--image-border-radius=var(--cx-border-radius-x-large)] - The border radius for the card's image.
 * @cssproperty --border-width - The width of the card's borders.
 * @cssproperty --padding - The padding to use for the card's sections.
 * @cssproperty [--card-width=auto] - The width of the card.
 * @cssproperty [--card-height=auto] - The height of the card.
 */
export default class CxCard extends CortexElement {
    static readonly styles: CSSResultGroup;
    /** Draws the option in an interactive state. */
    interactive: boolean;
    /**
     * Disables the card.
     */
    disabled: boolean;
    private readonly hasSlotController;
    private handleClick;
    render(): import('lit').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cx-card': CxCard;
    }
}
