// *****************************************************************************
// Copyright (C) 2025 EclipseSource GmbH.
//
// This program and the accompanying materials are made available under the
// terms of the Eclipse Public License v. 2.0 which is available at
// http://www.eclipse.org/legal/epl-2.0.
//
// This Source Code may also be made available under the following Secondary
// Licenses when the conditions for such availability set forth in the Eclipse
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
// with the GNU Classpath Exception which is available at
// https://www.gnu.org/software/classpath/license.html.
//
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
// *****************************************************************************
import * as React from '@theia/core/shared/react';

export interface ConfigurationSectionProps {
    title: string;
    children: React.ReactNode;
    className?: string;
}

/**
 * A reusable section component with a title and content area.
 * Follows the Theia settings section styling.
 */
export const ConfigurationSection: React.FC<ConfigurationSectionProps> = ({ title, children, className }) => (
    <div className={`ai-configuration-section ${className || ''}`}>
        <div className='settings-section-title settings-section-category-title'>
            {title}
        </div>
        <div className='ai-configuration-section-content'>
            {children}
        </div>
    </div>
);
