import * as lit_html from 'lit-html';
import * as lit from 'lit';
import { LitElement } from 'lit';

/**
 * @since 1.0.0
 * @status stable
 *
 * @tagname kemet-flipcard
 * @summary A card that has a front and back side which can be flipped.
 *
 * @prop {string} axis
 * @prop {boolean} flipped
 * @prop {boolean} flipOnHover
 * @prop {string} height
 * @prop {boolean} measure
 *
 * @slot front - The front of the card.
 * @slot back - The back of the card.
 *
 * @csspart front - The front of the card.
 * @csspart back - The back of the card.
 * @csspart wrapper - A container for both front and back of the card.
 *
 * @cssproperty --kemet-flipcard-front-color - The text color for the front of the card.
 * @cssproperty --kemet-flipcard-back-color - The text color for the back of the card.
 * @cssproperty --kemet-flipcard-front-background-color - The background color for the front of the card.
 * @cssproperty --kemet-flipcard-back-background-color - The background color for the back of the card.
 * @cssproperty --kemet-flipcard-border - The border on the front and back of the card.
 * @cssproperty --kemet-flipcard-border-radius - The border radius on the front and back of the card.
 * @cssproperty --kemet-flipcard-ratio - The aspect ratio of the card.
 *
 */
declare class KemetFlipcard extends LitElement {
    static styles: lit.CSSResult[];
    axis: string;
    flipped: boolean;
    flipOnHover: boolean;
    height: string;
    measure: boolean;
    frontChildren: HTMLSlotElement;
    backChildren: HTMLSlotElement;
    frontElement: HTMLElement;
    backElement: HTMLElement;
    constructor();
    firstUpdated(): void;
    updated(): void;
    render(): lit_html.TemplateResult<1>;
    determineHeight(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kemet-flipcard': KemetFlipcard;
    }
}

export { KemetFlipcard as default };