import type { MyMD3Theme } from '../../../../core/providers/AmityUIKitProvider';
export declare const useStyles: () => {
    styles: {
        container: {
            flex: number;
            backgroundColor: string;
        };
        searchInputContainer: {
            paddingVertical: number;
            paddingHorizontal: number;
        };
        checkBoxGroup: {
            flex: number;
        };
        userContainer: {
            paddingBottom: number;
        };
        skeletonContainer: {
            padding: number;
            gap: number;
        };
        keyboardAvoidContainer: {
            flex: number;
        };
        limitCharacterSearchContainer: {
            padding: number;
            flex: number;
            justifyContent: "center";
            alignItems: "center";
        };
        selectedUsersContainer: {
            padding: number;
            borderBottomWidth: number;
            backgroundColor: string;
            borderBottomColor: string;
        };
        selectedUsersContentContainer: {
            gap: number;
            flexDirection: "row";
            alignItems: "center";
        };
        userOption: {
            gap: number;
        };
        userOptionLabel: {
            flex: number;
            gap: number;
            flexDirection: "row";
            alignItems: "center";
        };
        userImage: {
            width: number;
            height: number;
            borderRadius: number;
            objectFit: "cover";
        };
        userName: {
            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