Usage in a custom component:
import { useGetTheme } from "pier-ui/lib";const CustomComponent = (props) => { const { children, ...restProps } = props; /// get theme const theme = useGetTheme(); return ( <> <div className="custom-component"> <h2>Custom Component</h2> {children} </div> <style jsx>{` .custom-component { min-height: 300px; padding: 30px; background-color: ${theme.colors .greyLight}; /// use your theme in styled-jsx } `}</style> </> );};export default CustomComponent;