import { Typography } from '../common/propsValues/typography';
import Title from '../title';
import Body from './Body';
export default {
title: 'Typography/Body',
component: Body,
};
export const Basic = () => {
return (
<>
Body Large Bold
We’re building the world’s most international account. We’re building the
world’s most international account.
{'This is line one.\nThis is line two.'}
Ми будуємо найбільш міжнародний рахунок у світі. Ми будуємо найбільш{' '}
міжнародний рахунок у світі.
私たちは世界で最も国際的なアカウントを構築しています{' '}
私たちは世界で最も国際的なアカウントを構築しています
Wir bauen den internationalen Bericht der Welt auf. Wir bauen den
internationalen Bericht der Welt auf.
↑ ↓ {'<-'} {'->'}
Body Default
We’re building the world’s most international account. We’re building the
world’s most international account.
{'This is line one.\nThis is line two.'}
Ми будуємо найбільш міжнародний рахунок у світі. Ми будуємо найбільш{' '}
міжнародний рахунок у світі.
私たちは世界で最も国際的なアカウントを構築しています{' '}
私たちは世界で最も国際的なアカウントを構築しています
Wir bauen den internationalen Bericht der Welt auf. Wir bauen den
internationalen Bericht der Welt auf.
↑ ↓ {'<-'} {'->'}
Body Default Bold
We’re building the world’s most international account. We’re building the
world’s most international account.
{'This is line one.\nThis is line two.'}
Ми будуємо найбільш міжнародний рахунок у світі. Ми будуємо найбільш{' '}
міжнародний рахунок у світі.
私たちは世界で最も国際的なアカウントを構築しています{' '}
私たちは世界で最も国際的なアカウントを構築しています
Wir bauen den internationalen Bericht der Welt auf. Wir bauen den
internationalen Bericht der Welt auf.
↑ ↓ {'<-'} {'->'}
Body Large
We’re building the world’s most international account. We’re building the
world’s most international account.
{'This is line one.\nThis is line two.'}
Ми будуємо найбільш міжнародний рахунок у світі. Ми будуємо найбільш{' '}
міжнародний рахунок у світі.
私たちは世界で最も国際的なアカウントを構築しています{' '}
私たちは世界で最も国際的なアカウントを構築しています
Wir bauen den internationalen Bericht der Welt auf. Wir bauen den
internationalen Bericht der Welt auf.
↑ ↓ {'<-'} {'->'}
Copy Example without <code>{'<Body />'}</code> component
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo saepe repellendus
accusantium eveniet temporibus perspiciatis iure ut, pariatur nihil totam iusto, delectus,
modi possimus soluta. Et iusto odio autem debitis! ↑ ↓ {'<-'} {'->'}
Copy Example without any HTML tag
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo saepe repellendus
accusantium eveniet temporibus perspiciatis iure ut, pariatur nihil totam iusto, delectus,
modi possimus soluta. Et iusto odio autem debitis! ↑ ↓ {'<-'} {'->'}
);
};