import { css } from 'styled-components';
import type { ColorSchemeMode } from '~/types/color-scheme';
import type { Theme } from '~/types/theme';
export declare const colorSchemeModes: ColorSchemeMode[];
export declare function cssForDarkMode(content: string | ReturnType<typeof css>): ({ theme: { tokenColorMode } }: {
    theme: Theme;
}) => import("styled-components").RuleSet<object> | undefined;
export declare function cssForLightMode(content: string | ReturnType<typeof css>): ({ theme: { tokenColorMode } }: {
    theme: Theme;
}) => import("styled-components").RuleSet<object> | undefined;
/**
 * 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").RuleSet<object>;