title: How to make object to interface in this case
body: <p>I want to make this object as a interface.</p>
  
  <pre class="lang-js prettyprint-override"><code>{
      size1: 'flexDirection value, for example: column, column-reverse, row or row-reverse',
      size2: 'column, column-reverse, row or row-reverse',
      ...
      sizeN: 'column, column-reverse, row or row-reverse'
  }
  </code></pre>
  
  <p>I tried </p>
  
  <pre><code>interface Test {
    foo: number;
    bar: string;
  }
  </code></pre>
  
  <p>But, as you can see the object is repeats size of n.</p>
  
  <p>Use case:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;Column breakpoints={{
      850: { flexDirection: 'row', backgroundColor: 'green' },
      600: 'row-reverse'
  }}&gt;
      &lt;b&gt;Hello&lt;/b&gt;
      &lt;span&gt;world!&lt;/span&gt;
  &lt;/Column&gt;
  </code></pre>
  
  <p>How to make this object to interface in this case?</p>