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

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;
  }
`;

export const Textarea = styled.textarea`
  appearance: none;