qlik-oss/sn-table

import React from "react";
import { Rect } from "./types";

interface StickyContainerProps {
  children: (JSX.Element | null)[] | JSX.Element;
  rect: Rect;
}

const StickyContainer = ({ children, rect }: StickyContainerProps): JSX.Element => (
  <div
    data-testid="sticky-container"
    style={{
      position: "sticky",
      top: "0px",
      left: "0px",
      width: rect.width,
      height: rect.height,
    }}
  >
    {children}
  </div>
);

export default StickyContainer;