import React from 'react';
import { IconButtonProps } from '../Button/Iconbutton';
import { ToggleButtonProps } from '../Toggles/ToggleButton';
import { DropdownButtonProps, TextDropdownButtonProps } from '../Dropdown/DropdownButtonTypes';
import { TextButtonProps } from '../Button/TextButton';
import { HyperlinkProps } from '../HyperLink/HyperLink';
import { Size } from '../types';
import { TooltipProps } from "../Tooltips/TooltipTypes";
import { TagProps } from "../Tag";
export type TileIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip' | 'variant' | 'shape'> & {
    componentType: 'icon';
    icon: React.ReactNode;
};
export type TileToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
    componentType: 'toggle';
};
export type TileDropdownButton = Pick<DropdownButtonProps, 'items' | 'value' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
    componentType: 'dropdown';
    icon: React.ReactNode;
    tooltip?: TooltipProps;
};
export type TileTextDropdownButton = Pick<TextDropdownButtonProps, 'value' | 'label' | 'keepLabel' | 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
    componentType: 'text-dropdown';
};
export type TileStandardButton = Pick<TextButtonProps, 'width' | 'variant' | 'loading' | 'icon' | 'onClick' | 'disabled'> & {
    componentType: 'button';
    buttonText: string;
};
export type TileNote = {
    componentType: 'note';
    noteIcon?: React.ReactNode;
    noteText: string;
};
export type TileHyperLink = HyperlinkProps & {
    componentType: 'link';
    linkIcon?: React.ReactNode;
    linkText: string;
};
export type FooterButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;
export type HeaderButtons = TileIconButton | TileToggleButton | TileDropdownButton | TileStandardButton | TileTextDropdownButton;
export interface TileHeaderProps {
    title: string;
    tag?: TagProps;
    tooltip?: string;
    subtitle?: string;
    subtitleIcon?: React.ReactNode;
    buttons?: HeaderButtons[];
}
export interface TileFooterProps {
    leftItem?: TileNote | TileHyperLink | TileStandardButton;
    buttons?: FooterButtons[];
}
export interface TileProps extends React.HTMLAttributes<HTMLDivElement> {
    style?: {
        width?: string;
        minWidth?: string;
        maxWidth?: string;
        height?: string;
        minHeight?: string;
        maxHeight?: string;
    };
    size?: Size.Small | Size.Medium | Size.Large;
    header?: TileHeaderProps;
    footer?: TileFooterProps;
}