import { IGenericHeader, IGenericSection } from '../../../generic/types';
import { ISlackHeader } from '../../types';
import { transformText } from './text-object';

export const transformHeader = (
  { text, block_id }: ISlackHeader
): IGenericHeader|IGenericSection => {
  // const res: IGenericHeader = {
  //   type: 'header',
  //   children: [
  //     transformText(text)
  //   ],
  //   props: {
  //     slack: {
  //       type: 'header'
  //     }
  //   }
  // };

  const textElement = transformText(text);
  textElement.props.web = {
    isTag: 'h2',
    ...textElement.props.web
  };

  const res: IGenericSection = {
    type: 'section',
    children: [textElement],
    props: {
      slack: {
        type: 'header'
      }
    }
  };

  if (block_id) {
    res.props.slack.block_id = block_id;
  }
  
  return res;
};