export declare const primaryBlue = "#0078FF";
export declare const lightBlue = "#E6F0FF";
export declare const darkGray = "#333";
export declare const lightGray = "#888";
export declare const borderGray = "#ddd";
export declare const basicStyles: {
    w: (width: number | string) => string;
    h: (height: number | string) => string;
    p: (padding: string) => string;
    pb: (padding: number | string) => string;
    pt: (padding: number | string) => string;
    pl: (padding: number | string) => string;
    pr: (padding: number | string) => string;
    m: (margin: string) => string;
    mb: (margin: number | string) => string;
    mt: (margin: number | string) => string;
    ml: (margin: number | string) => string;
    mr: (margin: number | string) => string;
    text: (size: number | string) => string;
    weight: (size: number) => string;
    textColor: (c: string) => string;
    bg: (c: string) => string;
    rs: (radius: number | string) => string;
    gap: (g: number | string) => 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 function withBasicStyles<T extends Record<string, any>>(useCustomStyles: () => T): () => T & {
    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;
};