base
This commit is contained in:
@@ -0,0 +1,46 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
import * as React from "react";
|
||||
import { Row } from "../row";
|
||||
import type { TRowVariant } from "../row/helper";
|
||||
import { ERowVariant } from "../row/helper";
|
||||
import { cn } from "../utils";
|
||||
|
||||
export interface ContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
||||
variant?: TRowVariant;
|
||||
className?: string;
|
||||
children: React.ReactNode;
|
||||
}
|
||||
const DEFAULT_STYLE = "flex flex-col vertical-scrollbar scrollbar-lg h-full w-full overflow-y-auto";
|
||||
|
||||
const ContentWrapper = React.forwardRef(function ContentWrapper(
|
||||
props: ContentWrapperProps,
|
||||
ref: React.ForwardedRef<HTMLDivElement>
|
||||
) {
|
||||
const { variant = ERowVariant.REGULAR, className = "", children, ...rest } = props;
|
||||
|
||||
return (
|
||||
<Row
|
||||
ref={ref}
|
||||
variant={variant}
|
||||
className={cn(
|
||||
DEFAULT_STYLE,
|
||||
{
|
||||
"py-page-y": variant === ERowVariant.REGULAR,
|
||||
},
|
||||
className
|
||||
)}
|
||||
{...rest}
|
||||
>
|
||||
{children}
|
||||
</Row>
|
||||
);
|
||||
});
|
||||
|
||||
ContentWrapper.displayName = "plane-ui-wrapper";
|
||||
|
||||
export { ContentWrapper };
|
||||
@@ -0,0 +1,7 @@
|
||||
/**
|
||||
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
||||
* SPDX-License-Identifier: AGPL-3.0-only
|
||||
* See the LICENSE file for details.
|
||||
*/
|
||||
|
||||
export * from "./content-wrapper";
|
||||
Reference in New Issue
Block a user