import { MyMD3Theme } from '../../../../../../core/providers/AmityUIKitProvider';
type StyleParams = {
    badgePaddingRight: number;
    badgeTop: number;
    badgeLeft: number;
};
export declare const useStyles: (params?: StyleParams) => {
    styles: {
        userInfo: {
            paddingHorizontal: number;
            paddingVertical: number;
            gap: number;
            flexDirection: "row";
            alignItems: "center";
        };
        image: {
            width: number;
            height: number;
            borderRadius: number;
        };
        displayNameContainer: {
            flex: number;
            paddingRight: number;
        };
        badge: {
            position: "absolute";
            top: number;
            left: number;
        };
        descriptionContainer: {
            paddingHorizontal: number;
            paddingVertical: number;
        };
        description: {
            color: string;
            fontSize: number;
            fontWeight: "400";
            lineHeight: number;
        };
        hiddenText: {
            position: "absolute";
            opacity: number;
        };
        seeMore: {
            color: string;
            fontSize: number;
            fontWeight: "400";
            lineHeight: number;
        };
        followInfoContainer: {
            flexDirection: "row";
            gap: number;
            paddingHorizontal: number;
            paddingVertical: number;
        };
        followInfoDivider: {
            width: number;
            alignSelf: "stretch";
            backgroundColor: string;
        };
        followInfoLabel: {
            color: string;
        };
        buttonContainer: {
            paddingHorizontal: number;
            paddingVertical: number;
        };
    };
    theme: MyMD3Theme;
};
export {};
//# sourceMappingURL=styles.d.ts.map