import * as React from 'react'

import { Buttons } from '@/components/demo/buttons'
import { Colors } from '@/components/demo/colors'
import { Inputs } from '@/components/demo/inputs'
import { Typography } from '@/components/demo/typography'
import { FocusAwareStatusBar, SafeAreaView, ScrollView } from '@/ui'

export default function Style() {
  return (
    <>
      <FocusAwareStatusBar />
      <ScrollView className="px-4">
        <SafeAreaView className="flex-1">
          <Typography />
          <Colors />
          <Buttons />
          <Inputs />
        </SafeAreaView>
      </ScrollView>
    </>
  )
}