import { AnyTheme, Interpolation, InterpolationResult, ThemeSettings, Tree, TreeOrInterpolationResult } from './types'; export declare function isInterpolationResult(tree?: TreeOrInterpolationResult): tree is InterpolationResult; /** * This function is exported for use in pickVariant exclusively. */ export declare const getThemeVariant: (tree: Tree, theme: ThemeSettings) => InterpolationResult; /** * Pick is used to create theme-specific css. * * This example selects an appropriate variable for the current theme. * ``` * import { pick, variables } from '@splunk/themes'; * * const Wrapper = styled.div` * color: ${pick({ * enterprise: { * light: variables.grey35, * dark: variables.grey92, * }, * prisma: variables.contentColorDefault, * })} * `; * ``` * This example selects an appropriate block of css for the current theme. * ``` * const Label = styled.div` * ${pick({ * enterprise: css` * font-weight: ${variables.fontWeightSemiBold}; * `, * prisma: css` * color: ${variables.contentColorDefault), * `, * })} * `; * ``` * @param {object} themeOptions - An object consisting of a tree of theme options (`enterprise|prisma`, `light|dark`, or `compact|comfortable`). * @returns {function} The returned function is called by `styled-components`, which provides the theme context. * @public */ declare const pick: (tree: Tree) => Interpolation; export default pick;