MeetUp/src/components/wrappers/group-wrapper.tsx
2025-06-26 20:25:46 +02:00

23 lines
505 B
TypeScript

import { cn } from '@/lib/utils';
import type * as React from 'react';
interface ScrollableSettingsWrapperProps {
className?: string;
title?: string;
children: React.ReactNode;
}
export function GroupWrapper({
className,
title,
children,
}: ScrollableSettingsWrapperProps) {
return (
<fieldset
className={cn('space-t-4 p-4 border rounded-md shadow-md', className)}
>
<legend className='text-sm font-medium px-1'>{title}</legend>
{children}
</fieldset>
);
}