git.iko.soy/bridge
on a5b8bca help sign in
bridge/src/indigo-react/components/Typography.js
22 lines 777 B history raw
1import React from 'react';
2import cn from 'classnames';
4const typeWith = (DefaultComponent, defaultClassName) =>
5 function({ as: As = DefaultComponent, className, ...rest }) {
6 return <As className={cn(defaultClassName, className)} {...rest} />;
7 };
9export const H1 = typeWith('h1');
10export const H2 = typeWith('h2');
11export const H3 = typeWith('h3');
12export const H4 = typeWith('h4');
13export const H5 = typeWith('h5');
14export const H6 = typeWith('h6');
15export const Caption = typeWith('caption');
16export const P = typeWith('p');
17export const B = typeWith('b', 'fw-bold');
19export const Breadcrumb = typeWith('span', 'f6');
20export const Text = typeWith('span');
21export const HelpText = typeWith('span', 'f6 gray4');
22export const ErrorText = typeWith('span', 'f6 red3');