import { MyMD3Theme } from '../../../core/providers/AmityUIKitProvider';
export declare const useStyles: (theme: MyMD3Theme) => {
    container: {
        flex: number;
        backgroundColor: string;
    };
    stickyHeaderContainer: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        zIndex: number;
        backgroundColor: string;
    };
    smallHeaderNavigationWrap: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        zIndex: number;
    };
    smallHeaderCommunityTabWrap: {
        position: "absolute";
        top: number;
        left: number;
        right: number;
        zIndex: number;
    };
    modalOverlay: {
        flex: number;
        backgroundColor: string;
        justifyContent: "flex-end";
    };
    modalContent: {
        backgroundColor: string;
        borderTopLeftRadius: number;
        borderTopRightRadius: number;
        paddingHorizontal: number;
        minHeight: number;
        paddingBottom: number;
    };
    dragHandle: {
        width: number;
        height: number;
        borderRadius: number;
        marginVertical: number;
        alignSelf: "center";
        backgroundColor: string;
    };
    bottomSheetOption: {
        flexDirection: "row";
        alignItems: "center";
        paddingVertical: number;
        paddingHorizontal: number;
    };
    bottomSheetOptionText: {
        fontSize: number;
        color: string;
        marginLeft: number;
        fontWeight: "500";
    };
};
//# sourceMappingURL=styles.d.ts.map