import * as React from 'react';
import { Text, Body, Caption, Display, Header1, Header2, Header3, SubHeadline, Title } from '../index';
import { Stack } from '@pongo-ui/react-layout';
export const BasicTextExample = () => {
return (
Header
Basic
Italic
Weight
monospace
Strikethrough
Underline
Underline Strikethrough
Display: The quick brown fox jumps over the lazy dog
Title: The quick brown fox jumps over the lazy dog
Header1: The quick brown fox jumps over the lazy dog
Header2: The quick brown fox jumps over the lazy dog
Header3: The quick brown fox jumps over the lazy dog
SubHeadline: The quick brown fox jumps over the lazy dog
Body: The quick brown fox jumps over the lazy dog
Caption: The quick brown fox jumps over the lazy dog
);
};
export const ColorTextExample = () => {
return (
base: The quick brown fox jumps over the lazy dog
inherit: The quick brown fox jumps over the lazy dog
brand: The quick brown fox jumps over the lazy dog
secondary: The quick brown fox jumps over the lazy dog
success: The quick brown fox jumps over the lazy dog
danger: The quick brown fox jumps over the lazy dog
social: The quick brown fox jumps over the lazy dog
warning: The quick brown fox jumps over the lazy dog
info: The quick brown fox jumps over the lazy dog
);
};
export const DisabledColorTextExample = () => {
return (
inherit: The quick brown fox jumps over the lazy dog
brand: The quick brown fox jumps over the lazy dog
secondary: The quick brown fox jumps over the lazy dog
success: The quick brown fox jumps over the lazy dog
danger: The quick brown fox jumps over the lazy dog
social: The quick brown fox jumps over the lazy dog
warning: The quick brown fox jumps over the lazy dog
info: The quick brown fox jumps over the lazy dog
);
};
export default {
title: 'Components/Text',
component: Text,
};