hunk.code_window:   widgetName: string;
     searchKey: string;
     searchTableData: (searchKey: any) => void;
     serverSidePaginationEnabled: boolean;
     displayColumnActions: boolean;
   }
   const TableHeader = (props: TableHeaderProps) => {
     return (
  
hunk.labels: keep keep keep keep add keep keep keep keep
hunk.after_edit:   width: number;
  
hunk.file_path: app/client/src/components/designSystems/appsmith/TableHeader.tsx
hunk.type: add
file: import React from "react";
  import styled from "styled-components";
  import { Color } from "constants/Colors";
  import { Button } from "@blueprintjs/core";
  type CloseButtonProps = {
    color: Color;
    size: number;
    onClick: React.MouseEventHandler;
    className?: string;
  };
  
  const StyledButton = styled(Button)<CloseButtonProps>`
    position: absolute;
    top: 0;
    right: 3px;
    justify-content: center;
    padding: 0;
    color: ${props => props.color};
    & svg {
      width: ${props => props.size};
      height: ${props => props.size};
    }
  `;
  
  export const CloseButton = (props: CloseButtonProps) => {
    return (
      <StyledButton
        className={props.className}
        {...props}
        rightIcon="cross"
        minimal
      />
    );
  };
  