react-potion/src/components/Strong.js

A Notion-like design system.

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

const Outer = styled.div`
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: rgb(55, 53, 47);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
`;

const Strong = ({ children }) => (
  <Outer className="react-potion-strong">
    {children}
  </Outer>
);

export default Strong;