import type { MyMD3Theme } from '../../../../core/providers/AmityUIKitProvider';
export declare const useStyles: () => {
    styles: {
        container: {
            flex: number;
            backgroundColor: string;
        };
        categoryContainer: {
            paddingBottom: number;
        };
        skeletonContainer: {
            padding: number;
            gap: number;
        };
        selectedCategoriesContainer: {
            gap: number;
            flexWrap: "wrap";
            paddingVertical: number;
            flexDirection: "row";
            borderBottomWidth: number;
            paddingHorizontal: number;
            alignItems: "flex-start";
            backgroundColor: string;
            borderBottomColor: string;
        };
        categoryOption: {
            gap: number;
        };
        categoryLabel: {
            flex: number;
            gap: number;
            flexDirection: "row";
            alignItems: "center";
        };
        categoryImage: {
            width: number;
            height: number;
            borderRadius: number;
            objectFit: "cover";
        };
        categoryLabelText: {
            flexShrink: number;
        };
        submitButtonContainer: {
            flex: number;
            left: number;
            right: number;
            bottom: number;
            padding: number;
            zIndex: number;
            borderTopWidth: number;
            position: "absolute";
            paddingBottom: number;
            borderTopColor: string;
            backgroundColor: string;
        };
    };
    theme: MyMD3Theme;
};
//# sourceMappingURL=styles.d.ts.map