divider.tsx 375 B

12345678910111213141516
  1. import styled from '@emotion/styled';
  2. export function Divider() {
  3. return <DividerWrapper aria-hidden>{'|'}</DividerWrapper>;
  4. }
  5. /**
  6. * Using relative font size to match the font size of the parent element
  7. */
  8. const DividerWrapper = styled('div')`
  9. color: ${p => p.theme.translucentBorder};
  10. font-size: 0.75em;
  11. display: flex;
  12. align-items: center;
  13. margin: 0 1px;
  14. `;