import type { MyMD3Theme } from '../../../core/providers/AmityUIKitProvider';
export declare const useStyles: (theme: MyMD3Theme) => {
    container: {
        backgroundColor: string;
        flexDirection: "row";
        paddingHorizontal: number;
        alignItems: "center";
        marginVertical: number;
    };
    avatar: {
        width: number;
        height: number;
        borderRadius: number;
    };
    profileInfoContainer: {
        marginLeft: number;
        justifyContent: "center";
        flex: number;
    };
    category: {
        marginVertical: number;
        alignSelf: "flex-start";
        paddingHorizontal: number;
        paddingVertical: number;
        backgroundColor: string;
        color: string;
        borderRadius: number;
        overflow: "hidden";
        marginHorizontal: number;
        fontSize: number;
    };
    memberCounts: {
        fontSize: number;
        fontWeight: "400";
        color: string;
        marginVertical: number;
    };
    rowContainer: {
        alignItems: "center";
        flexDirection: "row";
        flex: number;
    };
    diaplayName: {
        fontWeight: "600";
        fontSize: number;
        color: string;
        flexShrink: number;
    };
    lockIcon: {
        width: number;
        height: number;
        tintColor: string;
    };
    badgeIcon: {
        width: number;
        height: number;
    };
};
//# sourceMappingURL=styles.d.ts.map