declare namespace _default {
    function root({ props }: {
        props: any;
    }): {
        class: (string | {
            sticky: boolean;
            fixed: boolean;
            'rounded-md h-8 w-8'?: undefined;
            'h-12 w-12 rounded-full shadow-md'?: undefined;
            'bg-primary-500 hover:bg-primary-600'?: undefined;
            'bg-surface-500 hover:bg-surface-600'?: undefined;
            'hover:bg-primary-600'?: undefined;
            'hover:bg-surface-600'?: undefined;
        } | {
            'rounded-md h-8 w-8': boolean;
            'h-12 w-12 rounded-full shadow-md': boolean;
            sticky?: undefined;
            fixed?: undefined;
            'bg-primary-500 hover:bg-primary-600'?: undefined;
            'bg-surface-500 hover:bg-surface-600'?: undefined;
            'hover:bg-primary-600'?: undefined;
            'hover:bg-surface-600'?: undefined;
        } | {
            'bg-primary-500 hover:bg-primary-600': boolean;
            'bg-surface-500 hover:bg-surface-600': boolean;
            sticky?: undefined;
            fixed?: undefined;
            'rounded-md h-8 w-8'?: undefined;
            'h-12 w-12 rounded-full shadow-md'?: undefined;
            'hover:bg-primary-600'?: undefined;
            'hover:bg-surface-600'?: undefined;
        } | {
            'hover:bg-primary-600': boolean;
            'hover:bg-surface-600': boolean;
            sticky?: undefined;
            fixed?: undefined;
            'rounded-md h-8 w-8'?: undefined;
            'h-12 w-12 rounded-full shadow-md'?: undefined;
            'bg-primary-500 hover:bg-primary-600'?: undefined;
            'bg-surface-500 hover:bg-surface-600'?: undefined;
        })[];
    };
    namespace transition {
        let enterFromClass: string;
        let enterActiveClass: string;
        let leaveActiveClass: string;
        let leaveToClass: string;
    }
}
export default _default;