import { IGenericHeader } from '../../../../generic/types';
import { IRWCMessage } from '../../../types';
import { getMethods } from '../methods';

export const transformHeader = ({ props, children }: IGenericHeader, isPlain:boolean): IRWCMessage => {
  const words = children.map(item => {
    const child = getMethods(item.type)(item);
    return (child?.message || child || '');
  });

  if (isPlain) {
    return {
      message: words.join(" ")
    };
  }

  const level = props?.level || 3;
  const tag = `h${level}`;
  // const message = words.map(w => `<span>${w}</span>`).join(" ");
  const message = words.join(" ");
  return {
    message: `<${tag}>${message}</${tag}>`
  };
};