export declare const useStyles: () => {
    thoughtChainBlock: string;
    thoughtHeader: string;
    headerLeft: string;
    caret: string;
    statusIcon: string;
    headerTitle: string;
    headerRight: string;
    thinkingBody: string;
    timeline: string;
    timelineItem: string;
    timelineLeft: string;
    timelineIcon: string;
    timelineIconTool: string;
    timelineConnector: string;
    timelineItemLastConnector: string;
    timelineRight: string;
    collapsibleHeader: string;
    titleText: string;
    toolTitleGroup: string;
    toolName: string;
    toolStatusTag: string;
    arrowIcon: string;
    stepContent: string;
    statusInfo: string;
    blink: 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;
};