import React from 'react';
export declare const useStyles: () => {
    conversationsWrapper: string;
    capWrapper: string;
    capShape: string;
    capIcon: string;
    addChatBtn: string;
    tipTitle: string;
    fWrapper: string;
    nWrapper: string;
    mask: string;
    fheaderWrapper: string;
    scrollList: string;
    slideIn: string;
    slideOut: string;
} & {
    w: (width: string | number) => string;
    h: (height: string | number) => string;
    p: (padding: string) => string;
    pb: (padding: string | number) => string;
    pt: (padding: string | number) => string;
    pl: (padding: string | number) => string;
    pr: (padding: string | number) => string;
    m: (margin: string) => string;
    mb: (margin: string | number) => string;
    mt: (margin: string | number) => string;
    ml: (margin: string | number) => string;
    mr: (margin: string | number) => string;
    text: (size: string | number) => string;
    weight: (size: number) => string;
    textColor: (c: string) => string;
    bg: (c: string) => string;
    rs: (radius: string | number) => string;
    gap: (g: string | number) => string;
    flex: string;
    flexCenter: string;
    flexBetween: string;
    flexColumn: string;
    flex1: string;
    cursor: (type: string) => string;
    border: (color: string, width?: string) => string;
    boxShadow: (shadow: string) => string;
    transition: (property?: string, duration?: string) => string;
    overflow: (type: string) => string;
    position: (type: string) => string;
    zIndex: (index: number) => string;
    flexCenterGap2: string;
    flexCenterGap4: string;
};
export declare const GlobalStyle: React.FC;