import type { CSSResultGroup } from 'lit';
import DSAIcon from '../../../components/icon/icon';
import { DSAInternalCheckboxBox } from '../../components/checkbox-box/checkbox-box';
import { DSAInternalRadioIcon } from '../../components/radio-icon/radio-icon';
import { ShoelaceElement } from '../../shoelace-element';
export declare class FormSelectableCard extends ShoelaceElement {
    static styles: CSSResultGroup;
    static dependencies: {
        'dsa-icon': typeof DSAIcon;
        'dsa-internal-radio-icon': typeof DSAInternalRadioIcon;
        'dsa-internal-checkbox-box': typeof DSAInternalCheckboxBox;
    };
    private readonly hasSlotController;
    button: HTMLInputElement;
    protected type: 'radio' | 'checkbox';
    /**
     * @internal The card's checked state. This is exposed as an "internal" attribute so we can reflect it, making
     * it easier to style in card groups.
     */
    checked: boolean;
    /** The input value. When selected, the parent group will receive this value. */
    value: string;
    /** Disables the card. */
    disabled: boolean;
    /** Indicates whether a parent checkbox-group has the disabled attribute with the value true */
    parentDisabled: boolean;
    /** Sets the card in readonly. */
    readonly: boolean;
    /** Indicates whether a parent checkbox-group has the readonly attribute with the value true */
    parentReadonly: boolean;
    /** Indicates whether the card should be in error state */
    error: boolean;
    /** The card layout orientation */
    layout: 'horizontal' | 'vertical';
    /** Increase the border contrast in contexts where is could be hard to identify the card. */
    contrastedBorders: boolean;
    protected handleClick(): void;
    private handleBlur;
    private handleFocus;
    handleDisabledChange(): void;
    /** Sets focus on the radio button. */
    focus(options?: FocusOptions): void;
    /** Removes focus from the radio button. */
    blur(): void;
    render(): import("lit").TemplateResult;
}