import { LitElement } from 'lit';
import type { Template } from '../../types/index.js';
/**
 * @tag loquix-template-card
 * @summary A single template preview card. Used standalone or inside template-picker.
 *
 * @slot icon - Custom icon for the card.
 * @slot footer - Extra content below the description.
 *
 * @csspart card - The card container button.
 *
 * @fires {CustomEvent<LoquixTemplateSelectDetail>} loquix-template-select - When the card is clicked.
 *
 * @cssprop [--loquix-template-card-padding] - Card padding.
 * @cssprop [--loquix-template-card-border-color] - Border color.
 * @cssprop [--loquix-template-card-border-radius] - Border radius.
 * @cssprop [--loquix-template-card-bg] - Background.
 * @cssprop [--loquix-template-card-hover-border-color] - Hover border color.
 * @cssprop [--loquix-template-card-selected-bg] - Selected background.
 * @cssprop [--loquix-template-card-title-font-size] - Title font size.
 * @cssprop [--loquix-template-card-desc-font-size] - Description font size.
 * @cssprop [--loquix-template-card-desc-color] - Description color.
 */
export declare class LoquixTemplateCard extends LitElement {
    static styles: import("lit").CSSResult[];
    /** Template data to display. */
    template: Template;
    /** Whether this card is selected. */
    selected: boolean;
    private _handleClick;
    protected render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=loquix-template-card.d.ts.map