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

border: 1px solid #777;
  width: 100%;
  font-size: 1em;
  padding: 0.8rem 1em;
`;

export const Button = styled.button`
  appearance: none;
  border: 0;
  background: #333;
  color: #fff;
  padding: 0.8em 1em;
  font: inherit;
`;

export const Form = styled.form`
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
`;

export const List = styled.ul`
  margin: 0;
  padding: 0;
`;

export const Item = styled.li`
  margin: 0;
  padding: 1em;

  &:nth-child(odd) {