import React from 'react';

const SectionTitle = ({ title, children }) => {
  return (
    <div className="relative flex">
      {/* Liseré vertical */}
      <div className="w-1 bg-emerald-400"></div>

      {/* Contenu de la section */}
      <div className="flex-1 pl-6">
        {/* Titre avec liseré horizontal */}
        <div className="flex items-center mb-4">
          <h2 className="text-emerald-700 font-bold text-xl">{title}</h2>
          <div className="flex-1 h-0.5 bg-emerald-200 ml-4"></div>
        </div>
        {/* Contenu passé en children */}
        {children}
      </div>
    </div>
  );
};

export default SectionTitle;