'use client';

import { SectionHeader } from '@/ui/SectionHeader';
import { Box } from '@/ui/Box';
import React from 'react';

interface ProfileSectionProps {
  title: string;
  description?: string;
  action?: React.ReactNode;
  children: React.ReactNode;
}

export function ProfileSection({ title, description, action, children }: ProfileSectionProps) {
  return (
    <Box as="section" marginBottom={8}>
      <SectionHeader
        title={title}
        description={description}
        actions={action}
        variant="minimal"
      />
      <Box>{children}</Box>
    </Box>
  );
}