mirror of
https://github.com/array-in-a-matrix/xinny.git
synced 2024-06-12 01:17:03 -04:00
22 lines
485 B
TypeScript
22 lines
485 B
TypeScript
|
import React, { ReactNode } from 'react';
|
||
|
import { Box, Scroll } from 'folds';
|
||
|
|
||
|
type SidebarContentProps = {
|
||
|
scrollable: ReactNode;
|
||
|
sticky: ReactNode;
|
||
|
};
|
||
|
export function SidebarContent({ scrollable, sticky }: SidebarContentProps) {
|
||
|
return (
|
||
|
<>
|
||
|
<Box direction="Column" grow="Yes">
|
||
|
<Scroll variant="Background" size="0">
|
||
|
{scrollable}
|
||
|
</Scroll>
|
||
|
</Box>
|
||
|
<Box direction="Column" shrink="No">
|
||
|
{sticky}
|
||
|
</Box>
|
||
|
</>
|
||
|
);
|
||
|
}
|