import { ComponentProps, ReactNode, SyntheticEvent } from "react";
import { InteractionProps, InternalProps, OmitInternalProps, StyledComponentProps } from "../../shared";
import { ResponsiveProp } from "../../styling";
import { TileOrientation } from "./useTile";
declare const DefaultElement = "button";
export interface InnerTileProps extends InternalProps, InteractionProps, Omit<StyledComponentProps<typeof DefaultElement>, "autoFocus" | "onChange"> {
    /**
     * Whether or not the tile should autoFocus on render.
     */
    autoFocus?: boolean | number;
    /**
     * A controlled checked value.
     */
    checked?: boolean | null;
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * The initial value of `checked` when uncontrolled.
     */
    defaultChecked?: boolean;
    /**
     * Called when the tile checked state change.
     * @param {SyntheticEvent} event - React's original event.
     * @param {bool} isChecked - Whether the tile is checked or not.
     * @returns {void}
     */
    onChange?: (event: SyntheticEvent, isChecked: boolean) => void;
    /**
     * The orientation of the tile.
     */
    orientation?: ResponsiveProp<TileOrientation>;
    /**
     * The value to associate with when in a group.
     */
    value?: string;
}
export declare function InnerTile(props: InnerTileProps): JSX.Element;
export declare namespace InnerTile {
    var defaultElement: string;
}
/**
 * A tile groups information into an interactive element to let users browse and take action on a group of related items.
 *
 * [Documentation](https://orbit.sharegate.design/?path=/docs/tile--tile)
*/
export declare const Tile: import("react").ForwardRefExoticComponent<Omit<OmitInternalProps<InnerTileProps, never>, "ref"> & import("react").RefAttributes<any>>;
export declare type TileProps = ComponentProps<typeof Tile>;
export {};