type JsxChildren = JsxChild | JsxChild[];

type JsxChild = string | JsxElement | Variable;

type JsxElement = {
  t?: string;      // tag name
  i?: number;      // id  
  d?: GTProp;      // GT properties
  c?: JsxChildren; // children
};

import { JsxChildren, Variable } from 'generaltranslation';

// Simple text
const text: JsxChildren = "Welcome!";

// Text with variables
const greeting: JsxChildren = [
  "Hello, ",
  { k: 'userName' } as Variable,
  "!"
];

// Div element
const divElement: JsxChildren = {
  t: 'div',
  c: ['Content here']
};

// Link with title
const linkElement: JsxChildren = {
  t: 'a',
  d: { ti: 'Visit homepage' },
  c: ['Click here']
};