import MainLayout from "@/layout/main/mainLayout";
import { Button, Tabs } from "antd-mobile";
import Translate from "./translate";
import "./index.less";

function Index() {
  const handleRecordComplete = (audioData: AudioData): void => {
    console.log("录音完成:", audioData);
  };

  const handleError = (error: Error): void => {
    console.error("录音错误:", error);
  };

  return (
    <MainLayout>
      <div className="home">
        <Tabs stretch={false}>
          <Tabs.Tab title="宠物翻译" key="1">
            <Translate />
          </Tabs.Tab>
          <Tabs.Tab title="宠物档案" key="2">
            2
          </Tabs.Tab>
        </Tabs>
      </div>
    </MainLayout>
  );
}

export default Index;