import React from 'react'

import { Text, View } from '@/ui'

import { Title } from './title'

export const Typography = () => {
  return (
    <>
      <Title text="Typography" />
      <View className="mb-4 flex-col">
        <Text className="text-3xl  tracking-tight">H1: Lorem ipsum dolor sit</Text>
        <Text className="text-2xl ">H2: Lorem ipsum dolor sit</Text>
        <Text className="text-xl ">H3: Lorem ipsum dolor sit</Text>
        <Text className="text-lg ">H4: Lorem ipsum dolor sit</Text>
        <Text className="text-base">
          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Cumque quasi aut, expedita
          tempore ratione quidem in, corporis quia minus et dolorem sunt temporibus iusto
          consequatur culpa. Omnis sequi debitis recusandae?
        </Text>
      </View>
    </>
  )
}