3789f5bb52
Co-authored-by: Krzysztof Żuraw <9116238+krzysztofzuraw@users.noreply.github.com> Co-authored-by: Michał Droń <dron.official@yahoo.com> Co-authored-by: Paweł Chyła <chyla1988@gmail.com>
33 lines
738 B
TypeScript
33 lines
738 B
TypeScript
import { Box } from "@saleor/macaw-ui/next";
|
|
import clsx from "clsx";
|
|
import React from "react";
|
|
|
|
import { borderHeight, savebarHeight } from "./consts";
|
|
|
|
interface RightSidebarProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
export const RightSidebar: React.FC<RightSidebarProps> = ({
|
|
children,
|
|
className,
|
|
}) => (
|
|
<Box
|
|
borderStyle="solid"
|
|
borderColor="neutralPlain"
|
|
borderLeftWidth={1}
|
|
__height={`calc(100vh - ${savebarHeight} - ${borderHeight})`}
|
|
position="sticky"
|
|
top={0}
|
|
overflowY="auto"
|
|
borderYWidth={0}
|
|
borderTopWidth={0}
|
|
borderBottomWidth={0}
|
|
borderRightWidth={0}
|
|
__gridArea="right"
|
|
className={clsx("hide-scrollbar", className)}
|
|
>
|
|
{children}
|
|
</Box>
|
|
);
|