Have the ability to have row gap with x pixels about rsuite-table HOT 2 CLOSED

export const renderRow = (children: ReactNode, rowData: any) => {
  if (!rowData) return children;

  return (
    <TableRow>
        {children}
    </TableRow>
  );
};

const TableRow = styled.div`
  margin: 4px 12px 12px 4px; //margins on right and left are for the box shadows to be seen. make sure to add it to the row header for alignment
  height: 100%;
  max-height: 48px;
  background-color:  white
  box-shadow: 0px 3px 6px 0.08
  transition: box-shadow 0.05s linear 0s;
  :hover {
    box-shadow: 0px 3px 6px 0.25
  }
`;