hunk.code_window:   return (
       <TableIconWrapper
         className={props.className}
         onClick={(e) => {
           props.selectMenu(!props.selected);
           e.stopPropagation();
         }}
         selected={props.selected}
       >
         <IconWrapper
           color={props.selected ? Colors.CODE_GRAY : Colors.GRAY}
  
hunk.labels: keep keep keep replace replace replace replace keep keep keep keep
hunk.after_edit:       onClick={handleIconClick}
  
hunk.file_path: app/client/src/components/designSystems/appsmith/TableComponent/TableAction.tsx
hunk.type: replace
file: import React from "react";
  import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
  import "react-tabs/style/react-tabs.css";
  import styled from "styled-components";
  
  const TabsWrapper = styled.div<{ shouldOverflow?: boolean }>`
    height: 100%;
    .react-tabs {
      height: 100%;
    }
    .react-tabs__tab-panel {
      height: calc(100% - 46px);
      scrollbar-width: none;
    }
    .react-tabs__tab-list {
      border-bottom-color: #d0d7dd;
      color: #a3b3bf;
      ${(props) =>
        props.shouldOverflow &&
        `
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
      `}
    }
    .react-tabs__tab {
      padding: 6px 9px;
    }
    .react-tabs__tab:focus {
      box-shadow: none;
      border-color: ${(props) => props.theme.colors.primaryOld};
    }
    .react-tabs__tab--selected {
      color: ${(props) => props.theme.colors.primaryOld};
      border-color: #d0d7dd;
      border-top: ${(props) => props.theme.colors.primaryOld} 5px solid;
      border-radius: 0;
    }
  `;
  
  type TabbedViewComponentType = {
    tabs: Array<{
      key: string;
      title: string;
      panelComponent: JSX.Element;
    }>;
    selectedIndex?: number;
    setSelectedIndex?: (selectedIndex: number) => void;
    overflow?: boolean;
  };
  
  export function BaseTabbedView(props: TabbedViewComponentType) {
    return (
      <TabsWrapper shouldOverflow={props.overflow}>
        <Tabs
          onSelect={(index: number) => {
            props.setSelectedIndex && props.setSelectedIndex(index);
          }}
          selectedIndex={props.selectedIndex}
        >
          <TabList>
            {props.tabs.map((tab) => (
              <Tab key={tab.key}>{tab.title}</Tab>
            ))}
          </TabList>
          {props.tabs.map((tab) => (
            <TabPanel key={tab.key}>{tab.panelComponent}</TabPanel>
          ))}
        </Tabs>
      </TabsWrapper>
    );
  }
  