import React, { useState } from "react"; import Button from "../Button"; import Checklist from "../Checklist"; import Condition from "../Condition"; import Mokatebat from "../Mokatebat"; import Questions from "../Questions"; import Settingss from "../Settingss"; import Tavabee from "../Tavabee"; const Tabbar = ({ tabs }) => { const [activeTab, setActiveTab] = useState(); return (
{tabs.map((tab, index) => (
{activeTab?.components}
); }; export default Tabbar; Tabbar.defaultProps = { tabs: [ { title: "تنظیمات", className: "rounded-tr-md rounded-br-md border-r-2", components: , active: true, }, { title: "سوالات", className: "", components: , active: false, }, { title: "چک لیست", className: "", components: , active: false, }, { title: "مکاتبات", className: "", components: , active: false, }, { title: "توابع", className: "", components: , active: false, }, { title: "شرایط و اجرا", className: "rounded-tl-md rounded-bl-md border-l-2", components: , active: false, }, ], };