export declare const useStyles: () => { container: string; mainArea: string; senderWrap: string; contextBar: string; contextHeader: string; contextFiles: string; inputAndButtons: string; textAreaWrapper: string; textArea: string; inlineInputWrapper: string; inlineInput: string; inlinePlaceholder: string; inlineTag: string; buttonGroup: string; iconButton: string; clearButton: string; uploadButton: string; sendButton: string; tip: string; actionBar: string; actionBarLeft: string; actionBarRight: string; quickListWrapper: string; quickList: string; quickListHeader: string; quickListBody: string; quickListEmpty: string; quickListGroup: string; quickListItem: string; inputTags: string; inputTag: 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; };