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

const ExplorePage: React.FC = () => {
  return (
    <TabBarLayout activeKey="explore">
      <Navbar
        title="发现"
        rightIcon="i-heroicons-magnifying-glass-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>
      </View>
    </TabBarLayout>
  )
}

export default ExplorePage