import React from 'react';

interface SectionTitleProps {
  children: React.ReactNode;
  size?: 'sm' | 'md' | 'lg';
}

export const SectionTitle: React.FC<SectionTitleProps> = ({ children, size = 'sm' }) => {
  const sizeClasses = {
    sm: 'text-[11px]',
    md: 'text-sm',
    lg: 'text-base',
  };

  return (
    <h3 className={`${sizeClasses[size]} mb-3 font-mono uppercase tracking-wider text-term-text-tertiary`}>
      {children}
    </h3>
  );
};
