react-potion/src/components/OrderedList.js

A Notion-like design system.

import React from 'react';
import styled from 'styled-components';

const OrderedList = styled.ol`
  font-size: 16px;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
  padding-inline-start: 24px;
`;

const OrderedListComponent = ({ children }) => (
  <OrderedList className="react-potion-ol">{children}</OrderedList>
);

export default OrderedListComponent;