Twin.macro
https://gyazo.com/99dd28e84b781e6a8a5fccd33e269025
普通に書くなら
code:tsx
import 'twin.macro'
const Input = () => <input tw="border hover:border-black" />
code:ts
import tw from 'twin.macro'
const Input = ({ hasHover }) => (
<input css={[twborder, hasHover && twhover:border-black]} />
)
code:ts
import tw from 'twin.macro'
const Input = tw.inputborder hover:border-black
普通に良さそう