@metamask/design-system-twrnc-preset
Version:
35 lines • 1.02 kB
text/typescript
import type { Theme } from "./Theme.types.cjs";
/**
* Hook that provides access to the current theme.
* Use this when you need to conditionally render content based on theme.
*
* @returns The current theme ('light' or 'dark')
*
* @example
* const theme = useTheme();
* const inverseTheme = theme === Theme.Light ? Theme.Dark : Theme.Light;
* return (
* <ThemeProvider theme={inverseTheme}>
* <View style={tw`bg-default`}>
* <Text style={tw`text-default`}>Toast message</Text>
* </View>
* </ThemeProvider>
* );
*/
export declare const useTheme: () => Theme;
/**
* Hook that provides access to the tailwind utility function.
* Use this when you only need styling capabilities.
*
* @returns Tailwind utility function for styling
*
* @example
* const tw = useTailwind();
* return (
* <View style={tw`p-4 bg-primary`}>
* <Text>Styled content</Text>
* </View>
* );
*/
export declare const useTailwind: () => import("twrnc").TailwindFn;
//# sourceMappingURL=hooks.d.cts.map