import { VNode } from "../../stencil-public-runtime";
import { Theme, Width } from "../interfaces";
import { TileSelectType } from "./interfaces";
export declare class CalciteTileSelect {
  el: HTMLCalciteTileSelectElement;
  /** The checked state of the tile select. */
  checked: boolean;
  checkedChanged(newChecked: boolean): void;
  /** The description text that appears beneath the heading of the tile. */
  description?: string;
  /** The disabled state of the tile select. */
  disabled: boolean;
  /** The focused state of the tile select. */
  focused: boolean;
  /** The heading text that appears between the icon and description of the tile. */
  heading?: string;
  /** The hidden state of the tile select. */
  hidden: boolean;
  /** The icon that appears at the top of the tile. */
  icon?: string;
  /** The name of the tile select.  This name will appear in form submissions as either a radio or checkbox identifier based on the `type` property. */
  name: string;
  nameChanged(newName: string): void;
  /** The side of the tile that the radio or checkbox appears. */
  showInput: "left" | "right" | "none";
  /** The theme of the tile select. */
  theme: Theme;
  /** The selection mode of the tile select: radio (single) or checkbox (multiple). */
  type: TileSelectType;
  /** The value of the tile select.  This value will appear in form submissions when this tile select is checked. */
  value?: string;
  /** specify the width of the tile, defaults to auto */
  width: Extract<"auto" | "full", Width>;
  private input;
  calciteCheckboxChangeEvent(event: CustomEvent): void;
  calciteCheckboxFocusedChangeEvent(event: CustomEvent): void;
  calciteRadioButtonCheckedChangeEvent(event: CustomEvent): void;
  calciteRadioButtonFocusedChangeEvent(event: CustomEvent): void;
  click(event: MouseEvent): void;
  mouseenter(): void;
  mouseleave(): void;
  connectedCallback(): void;
  disconnectedCallback(): void;
  private renderInput;
  render(): VNode;
}