import Header from './Header';
import HeaderRow from './HeaderRow';
import HeaderLeft from './HeaderLeft';
import HeaderCenter from './HeaderCenter';
import HeaderRight from './HeaderRight';
import HeaderTitle from './HeaderTitle';
import HeaderSearch from './HeaderSearch';

// Create compound component
const HeaderCompound = Header as typeof Header & {
  Row: typeof HeaderRow;
  Left: typeof HeaderLeft;
  Center: typeof HeaderCenter;
  Right: typeof HeaderRight;
  Title: typeof HeaderTitle;
  Search: typeof HeaderSearch;
};

HeaderCompound.Row = HeaderRow;
HeaderCompound.Left = HeaderLeft;
HeaderCompound.Center = HeaderCenter;
HeaderCompound.Right = HeaderRight;
HeaderCompound.Title = HeaderTitle;
HeaderCompound.Search = HeaderSearch;

export default HeaderCompound;

// Export individual components for flexibility
export {
  Header,
  HeaderRow,
  HeaderLeft,
  HeaderCenter,
  HeaderRight,
  HeaderTitle,
  HeaderSearch,
};