“Écriture de CSS avec Twin.Macro et Composants stylisés” Réponses codées

Écriture de CSS avec Twin.Macro et Composants stylisés

import tw, { css } from 'twin.macro'
// maybe import css form 'styled components'

const hoverStyles = css`
  &:hover {
    border-color: black;
    ${tw`text-black`}
  }
`
const Input = ({ hasHover }) => (
  <input css={[tw`border`, hasHover && hoverStyles]} />
)