import { type RecipeVariants } from '@vanilla-extract/recipes'; export type PresetItemVariants = RecipeVariants; export declare const timeframeSelectorPresetItemContainerCSS: string; export declare const timeframeSelectorPresetItemCSS: import("@vanilla-extract/recipes").RuntimeFn<{ state: { rest: { backgroundColor: string; color: string; ':hover': { backgroundColor: string; }; ':active': { backgroundColor: string; }; }; selected: { color: string; ':hover': { backgroundColor: string; }; ':active': { backgroundColor: string; }; }; disabled: { color: string; cursor: "not-allowed"; }; }; defaultVariants: { state: string; }; }>; export declare const timeframeSelectorPresetItemNameCSS: string; export declare const tooltipPresetItemWrapper: import("@vanilla-extract/recipes").RuntimeFn<{ isSelected: { true: { '::before': { content: "\"\""; position: "absolute"; width: number; height: number; left: number; borderRadius: string; }; }; false: { '::before': { content: ""; }; }; }; isDisabled: { true: { '::before': { backgroundColor: string; }; }; false: { '::before': { backgroundColor: string; }; }; }; }>; export declare const timeframeSelectorPresetItemMediaQuery: string; export declare const timeframeSelectorPresetItemValueCSS: import("@vanilla-extract/recipes").RuntimeFn<{ state: { rest: { color: string; }; selected: { color: string; }; disabled: { color: string; }; }; }>; export declare const timeframeSelectorPresetSelectedIndicatorIcon: import("@vanilla-extract/recipes").RuntimeFn<{ isDisabled: { true: { backgroundColor: string; }; false: { backgroundColor: string; }; }; }>; export declare const timeframeSelectorPresetsCSS: string;