title: create composite types using other types as variables
body: <p>Lets assume I have the following type (just an example to make my point):</p>
  <pre class="lang-js prettyprint-override"><code>type Alignment =
    &quot;top left&quot; |
    &quot;middle left&quot; |
    &quot;bottom left&quot; |
    &quot;top center&quot; |
    &quot;middle center&quot; |
    &quot;bottom center&quot; |
    &quot;top right&quot; |
    &quot;middle right&quot; | 
    &quot;bottom right&quot;;
  </code></pre>
  <p>Is it possible to do something like this instead?</p>
  <pre class="lang-js prettyprint-override"><code>type Vertical = &quot;top&quot; | &quot;middle&quot; | &quot;bottom&quot;;
  type Horizontal = &quot;left&quot; | &quot;center&quot; | &quot;right&quot;;
  type Alignment = `${Vertical} ${Horizontal}`;
  </code></pre>
  <p>EDIT
  So I see my question was obsolete and its not about typescript at all, sorry but thanks for the answers, really helpfull.</p>
  <p>Anyway, I get this error in VSCode, any idea?</p>
  <p><a href="https://i.stack.imgur.com/1RSvV.png" rel="nofollow noreferrer">Parsing error: Type expected.eslint</a></p>