All files / src/features/Merchants/MerchantSidePanel/ApprovalFlowPanel/components/AccountOverview MerchantRiskTabs.tsx

100% Statements 4/4
100% Branches 0/0
100% Functions 2/2
100% Lines 4/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28        21x   70x   70x   5x                                  
import { useMerchantSidePanelContext } from "@features/Merchants/MerchantSidePanel/Provider/MerchantSidePanelProvider";
import GiveTabs from "@shared/Tabs/GiveTabs";
import { MerchantRiskTabEnum } from "../../types";
 
const MerchantRiskTabs = () => {
  const { handleSelectRiskTab, riskTabs, selectedRiskTab } =
    useMerchantSidePanelContext();
 
  return (
    <GiveTabs
      onClick={(tab) => handleSelectRiskTab(tab as MerchantRiskTabEnum)}
      items={riskTabs}
      type="line"
      selected={selectedRiskTab}
      variant="underline"
      containerSx={{
        display: "flex",
        overflow: "auto",
        scrollbarWidth: "none",
        width: "100%",
        gap: "16px",
      }}
    />
  );
};
 
export default MerchantRiskTabs;