import { default as React } from 'react';
import { IconName } from '../icon';

export declare const rootClassName = "teddy-top-row-buttons";
export type TopRowButtonColor = 'beige' | 'grey' | 'white' | 'purple';
/** ------------------------------------------------------------------------------------------------
 * Root
 * -----------------------------------------------------------------------------------------------*/
export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
    /** Controls the default background color of all child items */
    color?: TopRowButtonColor;
    /** Whether items should overflow and scroll horizontally when they don't fit */
    scrollable?: boolean;
};
/** ------------------------------------------------------------------------------------------------
 * Item
 * -----------------------------------------------------------------------------------------------*/
export type ItemProps = React.ComponentPropsWithoutRef<'a'> & {
    /** Icon name from the Teddy icon set */
    icon?: IconName;
    /** Emoji to display instead of an icon */
    emoji?: string;
    /** Visible label text */
    label: string;
    /** Overrides the color set on the Root */
    color?: TopRowButtonColor;
};
/** ------------------------------------------------------------------------------------------------
 * Export
 * -----------------------------------------------------------------------------------------------*/
declare const TopRowButtons: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    /** Controls the default background color of all child items */
    color?: TopRowButtonColor;
    /** Whether items should overflow and scroll horizontally when they don't fit */
    scrollable?: boolean;
} & React.RefAttributes<HTMLDivElement>> & {
    Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
        /** Icon name from the Teddy icon set */
        icon?: IconName;
        /** Emoji to display instead of an icon */
        emoji?: string;
        /** Visible label text */
        label: string;
        /** Overrides the color set on the Root */
        color?: TopRowButtonColor;
    } & React.RefAttributes<HTMLAnchorElement>>;
};
export { TopRowButtons };