import React from 'react';
export declare const useEnvironmentDirectionState: () => {
    direction: "listView" | "gridView";
    setDirection: import("recoil").SetterOrUpdater<"listView" | "gridView">;
};
export declare const useIsGridView: () => boolean;
export declare const EnvironmentsDirectionController: () => JSX.Element;
interface IEnvironmentsRenderProps {
    className?: string;
    style?: React.CSSProperties;
    children?: React.ReactNode;
}
export interface OrderedEnvironments<T> {
    className?: string;
    style?: React.CSSProperties;
    environments: T[];
}
export declare const useOrderedEnvironment: <T extends object>(ref: React.RefObject<HTMLDivElement>, environments: T[]) => OrderedEnvironments<T>;
export declare const EnvironmentsRender: React.ForwardRefExoticComponent<IEnvironmentsRenderProps & React.RefAttributes<HTMLDivElement>>;
export {};
