component 이름 바꾸기

나는 emotion styled component를 통해 style을 만들어주고 있는데
가끔 component에 div나 span등 여러 값을 바꾸고 싶은 경우 아래처럼 하면 된다
밑의 예시는 h1~h6 까지의 태그를 만들어줄 수 있다

export const aaa = styled(({ h, ...props }: any) => {
  const H = `h${h}`;
  return <H {...props} />;
})`
  font-size: ${(props) => [props.h - 1]};
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1.375;
`;