var ioAlatComponent = {
    template: `
    <v-flex md3 xs6 class='p-io-alat'>
  <v-card
    class="mx-auto io-alat light-green lighten-4"
    light
    max-width="400"
  >
    <v-card-title >
      <span class="title font-weight-light"> Title </span>
    </v-card-title>

    <v-card-text>
        <div>
            <span class="label">Port</span>
            <span class="label-sep">:</span>
            <span class="label-val">123</span>
        </div>
        <div>
            <span class="label">Glu</span>
            <span class="label-sep">:</span>
            <span class="label-val">1023</span>
        </div>
        <div>
            <span class="label">DB</span>
            <span class="label-sep">:</span>
            <span class="label-val">pdb</span>
        </div>
        <div>
            <span class="label">LIS</span>
            <span class="label-sep">:</span>
            <span class="label-val">Enabled</span>
        </div>
    </v-card-text>

    <v-card-actions class="action light-green lighten-1">
         <v-spacer></v-spacer>
         <v-icon color="#EFFCED" v-bind:class="true" >get_app</v-icon>
    </v-card-actions>
  </v-card>

    </v-flex>
  `,
    data: function() {
        return {}
    },
    methods: {},
    components: {
        SheetFooter: {
            functional: true,
            render(h, {
                children
            }) {
                return h('v-sheet', {
                    staticClass: 'mt-auto align-center justify-center d-flex',
                    props: {
                        color: 'rgba(0, 0, 0, .36)',
                        dark: true,
                        height: 50
                    }
                }, children)
            }
        }
    }

}


export {
    ioAlatComponent
};