export declare const useStyles: () => {
    container: {
        flexDirection: "column";
        width: number;
        minHeight: number;
        borderRadius: number;
        borderWidth: number;
        borderColor: string;
    };
    imagePlaceholder: {
        width: "100%";
        height: number;
        backgroundColor: string;
        flexDirection: "row";
        justifyContent: "center";
        alignItems: "center";
        borderTopLeftRadius: number;
        borderTopRightRadius: number;
    };
    image: {
        width: "100%";
        height: number;
        overflow: "hidden";
    };
    detailWrap: {
        padding: number;
    };
    communityNameWarp: {
        flexDirection: "row";
        gap: number;
        alignItems: "center";
        marginBottom: number;
    };
    communityName: {
        flex: number;
        color: string;
    };
    detailBottomWrap: {
        alignItems: "flex-start";
        justifyContent: "space-between";
        flexDirection: "row";
        gap: number;
    };
    detailBottomWrapLeft: {
        flex: number;
    };
    detailBottomWrapRight: {
        height: "100%";
        alignItems: "flex-end";
        flexDirection: "row";
    };
    displayName: {
        flexDirection: "row";
        gap: number;
        alignItems: "center";
        marginBottom: number;
    };
};
//# sourceMappingURL=styles.d.ts.map