How to use the preact-emotion.h2 function in preact-emotion

export const Wrapper = styled.div`
  padding: 1em;
  width: 100%;
  max-width: 64em;
  margin: 0 auto;
`;

export const H1 = styled.h1`
  color: #333;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0;
`;

export const H2 = styled.h2`
  text-transform: uppercase;
  margin: 0 0 0.5em;
`;

export const Input = styled.input`
  appearance: none;
  border: 1px solid #777;
  height: 40px;
  width: 100%;
  padding: 0.8rem 1em;
  font: inherit;

  ~ input,
  ~ button,
  ~ textarea {
    margin-top: 1em;