ReactTips.md

Styled components

const Wrapper = styled(({ isActive: boolean, ...rest }) => (
  <Container {...rest}>{rest.children}</Container>
))`
  position: fixed;
  z-index: 1000;
  left: 0;
  background-color: #343a40;
  color: #fff;
  transition: transform 300ms ease-in-out;
  display: ${props => (props.isActive ? "block" : "none")};
  max-width: 576px;
  padding: 0.25rem 0.75rem;
`;