'use client';

import React from 'react';

interface SplitHeadingProps {
  children: React.ReactNode;
  className?: string;
  id?: string;
}

export default function SplitHeading({ children, className = '', id }: SplitHeadingProps) {
  return (
    <div 
      id={id}
      className={className}
    >
      <h2 className="text-xl md:text-2xl font-bold leading-tight text-text-primary">
        {children}
      </h2>
    </div>
  );
}