import { styled } from "../../theme";
import { customScrollbars } from "../../theme/scrollbars";

const Parent = styled("div", {
  display: "flex",
  height: "100%",
  flexDirection: "column",
});

const Sticky = styled("div", {});

const Scrollable = styled("div", {
  flex: 1,
  overflow: "auto",
  ...customScrollbars,
});

const Stck = {
  Parent,
  Sticky,
  Scrollable,
};

export { Stck as Sticky };