type JsxChildren = JsxChild | JsxChild[];

type JsxChild = string | JsxElement | Variable;

type JsxElement = {
  t?: string;      // タグ名
  i?: number;      // id  
  d?: GTProp;      // GT のプロパティ
  c?: JsxChildren; // 子要素
};

import { JsxChildren, Variable } from 'generaltranslation';

// シンプルなテキスト
const text: JsxChildren = "ようこそ！";

// 変数を使ったテキスト
const greeting: JsxChildren = [
  "こんにちは、"
  { k: 'userName' } as Variable,
  "！"
];

// div 要素
const divElement: JsxChildren = {
  t: 'div',
  c: ['ここにコンテンツ']
};

// タイトル付きリンク
const linkElement: JsxChildren = {
  t: 'a',
  d: { ti: 'ホームページへアクセス' },
  c: ['こちらをクリック']
};