dify/web/app/components/integrations/section-layout.tsx
Stephen Zhou a84c2d36a3
style: format with vp fmt (#38803)
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-07-12 15:57:46 +00:00

30 lines
622 B
TypeScript

'use client'
import type { ReactNode } from 'react'
import { ScrollArea } from '@langgenius/dify-ui/scroll-area'
type IntegrationSectionLayoutProps = {
bodyClassName?: string
children: ReactNode
label?: string
}
export function IntegrationSectionLayout({
bodyClassName,
children,
label,
}: IntegrationSectionLayoutProps) {
return (
<ScrollArea
className="min-h-0 flex-1 overflow-hidden"
label={label}
slotClassNames={{
viewport: 'overscroll-contain',
content: 'min-h-full',
}}
>
<div className={bodyClassName}>{children}</div>
</ScrollArea>
)
}