From 7b6dff7a9db10ec321e0916b046db00038de63f9 Mon Sep 17 00:00:00 2001 From: Nolann Biron Date: Mon, 9 Jun 2025 16:42:13 +0200 Subject: [PATCH] Update comments --- .../src/components/primitives/Sheet.tsx | 29 ++++++++++--------- 1 file changed, 16 insertions(+), 13 deletions(-) diff --git a/packages/gitbook/src/components/primitives/Sheet.tsx b/packages/gitbook/src/components/primitives/Sheet.tsx index 27c64aa86..33d819244 100644 --- a/packages/gitbook/src/components/primitives/Sheet.tsx +++ b/packages/gitbook/src/components/primitives/Sheet.tsx @@ -69,22 +69,25 @@ function SheetOverlay({ ); } +interface SheetContentProps extends React.ComponentProps { + /** + * The class name for the overlay component. + */ + overlayClassName?: string; + /** + * The side the sheet slides in from. + * @default 'left' + */ + side?: 'right' | 'left'; +} + /** * Main content component for the sheet dialog. * Handles positioning, animations, and styling of the sheet content. - * @param side - Determines which side the sheet slides in from ('left' or 'right') - * @param overlayClassName - Optional className for the overlay component */ -export function SheetContent({ - className, - overlayClassName, - children, - side = 'left', - ...props -}: React.ComponentProps & { - overlayClassName?: string; - side?: 'right' | 'left'; -}) { +export function SheetContent(props: SheetContentProps) { + const { overlayClassName, side = 'left', className, children, ...rest } = props; + return ( @@ -126,7 +129,7 @@ export function SheetContent({ 'left-1.5 data-[state=closed]:animate-exitToLeft data-[state=open]:animate-enterFromLeft', className )} - {...props} + {...rest} > {children}