import React from 'react'
import { View, Text } from '@tarojs/components'
import { TabBarLayout } from '@/layouts/tab-bar-layout'
import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label'
import { Navbar } from '@/components/ui/navbar'
import './index.css'

const HomePage: React.FC = () => {
  return (
    <TabBarLayout activeKey="home">
      <Navbar
        title="首页"
        rightIcon="i-heroicons-bell-20-solid"
        onClickRight={() => console.log('点击通知')}
        leftIcon=""
      />
      <View className="px-4 py-4">
        <Text className="text-2xl font-bold text-gray-900">欢迎使用</Text>
        <View className="mt-4">
          <Text className="text-gray-600">这是一个简洁优雅的小程序首页</Text>
          <View className="mt-6">
            <Label className="mb-2">搜索</Label>
            <Input placeholder="搜索内容..." />
          </View>
        </View>
      </View>
    </TabBarLayout>
  )
}

export default HomePage