import { css } from 'styled-components';
import type { ColorSchemeMode } from '../../types/color-scheme';
import type { Theme } from '../../types/theme';
import type { TokenColorMode } from '../../types/token-modes';
export declare const colorSchemeModes: ColorSchemeMode[];
export declare function cssForDarkMode(content: string | ReturnType<typeof css>): ({ theme: { tokenColorMode } }: {
    theme: Theme;
}) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>> | undefined;
export declare function cssForLightMode(content: string | ReturnType<typeof css>): ({ theme: { tokenColorMode } }: {
    theme: Theme;
}) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>> | undefined;
/**
 * generates css for a given tokenColorMode based on the current theme
 */
export declare function cssForTokenColorMode({ tokenColorMode, light, dark, }: {
    tokenColorMode: TokenColorMode;
    light: string | ReturnType<typeof css>;
    dark?: string | ReturnType<typeof css>;
}): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
/**
 * generates css which will automatically switch between light and dark mode
 */
export declare function cssForColorScheme({ light, dark, }: {
    light: string | ReturnType<typeof css>;
    dark?: string | ReturnType<typeof css>;
}): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;