@catho/quantum-storybook-ui/src/components/Subtitle/Subtitle.jsx

A **Design System** is the complete set of design standards, documentation, and principles along with the toolkit (UI patterns and code components) to achieve those standards. Over time, these 'systems' are growing in popularity - a very popular one is [Q

import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';

const StyledSubtitle = styled.h3`
  font-weight: 300;
  margin-top: 40px;
`;

const Subtitle = ({ children, ...rest }) => (
  <StyledSubtitle {...rest}>{children}</StyledSubtitle>
);

Subtitle.propTypes = {
  children: PropTypes.node.isRequired,
};

export default Subtitle;