Use Tailwind Screen config in code

Component.tsx

import resolveConfig from "tailwindcss/resolveConfig";
import tailwindConfig from "../../tailwind.config";

function Component() {
  const fullConfig = resolveConfig(tailwindConfig);
  const [horizontal, setHorizontal] = useState<boolean>(
    screen && screen.availWidth >= parseInt(fullConfig.theme.screens.sm),
  );
  
  // Do something with decision
  
  return <div/>
}