import type { MyMD3Theme } from '../../../../../../core/providers/AmityUIKitProvider';
export declare const useStyles: () => {
    styles: {
        container: {
            backgroundColor: string;
        };
        userContainer: {
            gap: number;
            paddingTop: number;
            flexDirection: "row";
            alignItems: "center";
            paddingHorizontal: number;
        };
        avatar: {
            width: number;
            height: number;
            borderRadius: number;
        };
        nameContainer: {
            flex: number;
            flexDirection: "row";
            alignItems: "center";
            gap: number;
        };
        displayName: {
            flexShrink: number;
        };
        buttonsContainer: {
            gap: number;
            flexDirection: "row";
            paddingHorizontal: number;
            paddingVertical: number;
        };
        button: {
            flex: number;
        };
        skeletonContainer: {
            flexDirection: "row";
            alignItems: "center";
            gap: number;
            paddingVertical: number;
            paddingHorizontal: number;
        };
    };
    theme: MyMD3Theme;
};
//# sourceMappingURL=styles.d.ts.map