import dayjs, { Dayjs } from 'dayjs';
/** A boolean denoting whether we are in a development environment */
export declare const __DEV__: boolean;
/**
 * A function that implements the typical React.memo, but properly forwards TS generics
 */
export declare const typedMemo: <T>(c: T) => T;
/**
 *
 * @param color A theme color
 * @param opacity a value between [0,1]
 * @returns A new color with opacity  added to it
 */
export declare function addOpacity(color: string, opacity: number): "transparent" | "inherit" | "black" | "white" | "current" | "white-100" | "white-200" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "navyblue-100" | "navyblue-200" | "navyblue-300" | "navyblue-350" | "navyblue-400" | "navyblue-500" | "navyblue-600" | "navyblue-700" | "navyblue-800" | "navyblue-900" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "teal-600" | "teal-700" | "teal-800" | "cyan-100" | "cyan-200" | "cyan-300" | "cyan-400" | "cyan-500" | "cyan-600" | "cyan-700" | "cyan-800" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "violet-100" | "violet-200" | "violet-300" | "violet-400" | "violet-500" | "violet-600" | "violet-700" | "violet-800" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | "magenta-600" | "magenta-700" | "magenta-800" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800";
/**
 * A function that takes a color and a positive or negative [0,1] amount and lightens it or darkens
 * it by this amount. Positive numbers lighten the color, while negatives darken i
 *
 * @param color A color
 * @param percentage A percentage by which to lighten/darken
 * @returns A new color with opacity  added to it
 */
export declare function lightenDarkenColor(color: string, percentage: number): string;
/**
 * A function that takes a text and returns a valid slug for it. Useful for filename and url
 * creation
 *
 * @param {String} text A string to slugify
 * @returns {String} A slugified string
 */
export declare function slugify(text: string): string;
/**
 * @returns True if current environment is a browser, false in any other case
 */
export declare const isBrowser: boolean;
export declare const noop: () => void;
export declare const isEmptyValue: (value?: string | number | Record<string, unknown> | readonly string[] | undefined) => boolean;
/**
 * Converts the provided date to a Dayjs object
 */
export declare const dateToDayjs: (value: Date | undefined, timezone?: 'local' | 'utc') => dayjs.Dayjs | undefined;
/**
 * Get the current date time.
 * @returns {Dayjs} a Dayjs object
 */
export declare const now: (timezone?: 'local' | 'utc') => dayjs.Dayjs;
/**
 * A function that generates a preset with dynamic dates.
 * @returns {Object} An object with Dayjs presets
 */
export declare const getDates: (timezone?: 'local' | 'utc') => {
    now: Dayjs;
    lastDay: Dayjs;
    lastWeek: Dayjs;
    lastMonth: Dayjs;
    nextMonth: Dayjs;
    lastThreeMonths: Dayjs;
    lastSixMonths: Dayjs;
};