import React from 'react';

interface ProductTabsProps {
  children: React.ReactNode;
  technicalData?: React.ReactNode;
}

export default function ProductTabs({ children, technicalData }: ProductTabsProps) {
  return (
    <div className="space-y-12">
      <div className="prose max-w-none">
        {children}
      </div>

      {technicalData && (
        <div className="pt-8 border-t border-neutral-dark">
          <h2 className="text-2xl font-bold text-primary-dark mb-6">Technical Specifications</h2>
          <div className="not-prose">
            {technicalData}
          </div>
        </div>
      )}
    </div>
  );
}