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

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) {
    background: #efefef;
  }
`;