'use client';

import { SectionHeader } from '@/ui/SectionHeader';
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 (
    <section style={{ marginBottom: '2rem' }}>
      <SectionHeader
        title={title}
        description={description}
        actions={action}
        variant="minimal"
      />
      <div>{children}</div>
    </section>
  );
}