import { LitElement } from 'lit';
import { Ref } from 'lit/directives/ref.js';
declare const NAME = "canary-dialog";
/**
 * @cssprop --canary-color-backdrop-overlay - Backdrop overlay color
 * @cssprop --canary-transition-duration - Duration of modal transition
 * @cssprop --canary-transition-timing - Timing function of modal transition
 * @cssprop --canary-backdrop-blur - Blur of backdrop
 * @csspart dialog - Dialog
 * @slot - Default slot
 */
export declare class CanaryDialog extends LitElement {
    transition: boolean;
    ref: Ref<HTMLDialogElement>;
    render(): import('lit-html').TemplateResult<1>;
    private handleClick;
    static styles: import('lit').CSSResult[];
}
declare global {
    interface HTMLElementTagNameMap {
        [NAME]: CanaryDialog;
    }
    namespace JSX {
        interface IntrinsicElements {
            [NAME]: any;
        }
    }
}
export {};