import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode } from 'react';
import { InteractionProps } from '../../shared/src/types.js';
import '../../styling/src/styled-system/props-handler.js';
import 'csstype';
import '../../styling/src/useResponsiveValue.js';
import '../../styling/src/BreakpointProvider.js';
import '../../shared/src/type-fest.js';
import '../../styling/src/styled-system/StylingContext.js';

type TileOrientation = "horizontal" | "vertical";
interface UseTileProps extends InteractionProps {
    children: ReactNode;
    orientation: TileOrientation;
    variant: "checkable" | "link";
}
declare function useTile({ active, children, focus, hover, orientation, variant }: UseTileProps): {
    markup: react_jsx_runtime.JSX.Element;
    tileProps: {
        className: string;
    };
};

export { type TileOrientation, type UseTileProps, useTile };