import React from 'react';
import styles from '../css/UniClienteUniPunto.module.css';

export interface SubseccionFormularioProps {
    titulo: string;
    icono?: React.ReactNode;
    children: React.ReactNode;
    className?: string;
}

export const SubseccionFormulario: React.FC<SubseccionFormularioProps> = ({
    titulo,
    icono,
    children,
    className = '',
}) => {
    return (
        <div className={`${styles.subseccion} ${className}`.trim()}>
            <h6
                className={`text-muted mb-3 fw-semibold d-flex align-items-center ${styles.subseccionTitulo}`}
            >
                {icono ? <span className="me-2 d-inline-flex">{icono}</span> : null}
                {titulo}
            </h6>
            {children}
        </div>
    );
};