SuperScript.js

import styled from "styled-components/macro"

export const Dont = props => <sup {...props} />

export const Super0 = styled.span`
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  font-size: smaller;
  line-height: 0;
`

export const Super1 = styled.span`
  &::after {
    content: "${props => props.superScript}";
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
    font-size: smaller;
    line-height: 0;
  }
`