import { ComponentID, PageID } from '../../../social/enums';
import { PayloadAction } from '@reduxjs/toolkit';
import { ReactElement } from 'react';
export interface BottomSheetState {
    open: boolean;
    content: ReactElement | null;
    height?: number;
    dark?: boolean;
    pageId?: PageID;
    componentId?: ComponentID;
}
type OpenBottomSheetPayload = {
    content: ReactElement;
    height?: number;
    dark?: boolean;
};
declare const bottomSheetSlice: import("@reduxjs/toolkit").Slice<BottomSheetState, {
    openBottomSheet: (state: import("immer/dist/internal").WritableDraft<BottomSheetState>, action: PayloadAction<OpenBottomSheetPayload>) => void;
    closeBottomSheet: (state: import("immer/dist/internal").WritableDraft<BottomSheetState>) => void;
    clearContent: (state: import("immer/dist/internal").WritableDraft<BottomSheetState>) => void;
}, "bottomSheet">;
export default bottomSheetSlice;
export declare const useBottomSheet: () => {
    openBottomSheet: ({ dark, height, content, }: OpenBottomSheetPayload) => void;
    height: number;
    closeBottomSheet: () => void;
    content: ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
    open: boolean;
    dark: boolean;
    bottomSheetHeight: {
        1: number;
        2: number;
        3: number;
        4: number;
        5: number;
    };
};
//# sourceMappingURL=bottomSheetSlice.d.ts.map