<?xml version="1.0" encoding="utf-8" ?>
<YogaLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    app:yg_flexDirection="column"
    app:yg_alignItems="stretch"
    >
  <View
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@color/yoga_blue"
      app:yg_flex="1"
      />
  <VirtualYogaLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      app:height="40dp"
      app:yg_flexDirection="row"
      app:yg_alignItems="stretch"
      >
    <View
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/yoga_blue"
        app:yg_marginAll="10dp"
        app:yg_aspectRatio="1"
        />
    <VirtualYogaLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:height="40dp"
        app:yg_flexDirection="column"
        app:yg_alignItems="stretch"
        app:yg_flex="1"
        app:yg_justifyContent="space_around"
        >
      <VirtualYogaLayout
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           app:height="8dp"
           app:yg_flexDirection="row"
           app:yg_alignItems="stretch"
           >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/child_1_text"
            android:textSize="5sp"
            app:yg_flex="1"
            />
        <View
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/yoga_blue"
            app:yg_aspectRatio="1"
            />
      </VirtualYogaLayout>
      <VirtualYogaLayout
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           app:height="8dp"
           app:yg_flexDirection="row"
           app:yg_alignItems="stretch"
           >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/child_1_text"
            android:textSize="5sp"
            app:yg_flex="1"
            />
        <View
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/yoga_blue"
            app:yg_aspectRatio="1"
            />
      </VirtualYogaLayout>
      <VirtualYogaLayout
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           app:height="8dp"
           app:yg_flexDirection="row"
           app:yg_alignItems="stretch"
           >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/child_1_text"
            android:textSize="5sp"
            app:yg_flex="1"
            />
        <View
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/yoga_blue"
            app:yg_aspectRatio="1"
            />
      </VirtualYogaLayout>
    </VirtualYogaLayout>
  </VirtualYogaLayout>
</YogaLayout>