import { List, Tabs } from "flowbite-react";
import { FC } from "react";
import { HiCog } from "react-icons/hi";
import { TSsettingSchema } from "../forms/schema/setting";
import ListItems from "./list-items";

type props = {
  setting: TSsettingSchema;
  isEdit: boolean;
};

const Payments: FC<props> = ({ setting, isEdit = false }) => {
  return (
    <Tabs aria-label="Tabs with underline" style="underline">
      <Tabs.Item title="bKash" icon={HiCog}>
        <List className="list-none pl-3">
          <ListItems
            title="Username"
            field="bkash_username"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="Password"
            field="bkash_password"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="App Key"
            field="bkash_app_key"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="App Secret"
            field="bkash_app_secret"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="Token URL"
            field="bkash_token_url"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="Create URL"
            field="bkash_create_url"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="Execute URL"
            field="bkash_execute_url"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="Refresh Token URL"
            field="bkash_refresh_token_url"
            isEdit={isEdit}
            setting={setting}
          />
          <ListItems
            title="Search transaction"
            field="bkash_search_transaction_url"
            isEdit={isEdit}
            setting={setting}
          />
        </List>
      </Tabs.Item>
    </Tabs>
  );
};

export default Payments;