frontend/src/components/ExampleDetailsSection.tsx

import React from 'react'

interface ExampleDetailsSectionProps {
  children: React.ReactNode
}

const ExampleDetailsSection: React.FC<ExampleDetailsSectionProps> = ({ children }) => (
  <fieldset className="fieldset w-full p-4 rounded border border-gray-700 bg-base-200 mt-6">
    <legend className="fieldset-legend font-semibold">Example</legend>
    {children}
  </fieldset>
)

export default ExampleDetailsSection