How to get the currently configured theme?

[Pszz]

For Example

I think it is an important and common Hook function.

import { useTheme } from '@nextui-org/react'

export function Demo() {
     const theme = useTheme()

     console.log('md:', theme.breakpoints.md)
     console.log('lg:', theme.breakpoints.lg)
     console.log('xl:', theme.breakpoints.xl)
}

[Pszz]

Maybe it should belong to Tailwindcss's hook function.

But Tailwindcss doesn't provide it either.

[Pszz]

I found some references in Tailwind CSS, but there are some side effects.
https://tailwindcss.com/docs/configuration#referencing-in-java-script

---

/**
 * Note that this will transitively pull in a lot of our build-time dependencies,
 * resulting in bigger client-side bundle size.
 * To avoid this, we recommend using a tool like babel-plugin-preval to generate a static version of your configuration at build-time.
 */

import resolveConfig from 'tailwindcss/resolveConfig'
import * as tailwindConfig from './tailwind.config.js'

const fullConfig = resolveConfig(tailwindConfig as any)
console.log('fullConfig::', fullConfig.screens.md)