<template>
  <div>
    <v-toolbar tile>
      <v-toolbar-title>
        <v-row>
          <v-col>
            <v-skeleton-loader type="chip" />
          </v-col>
          <v-col>
            <v-skeleton-loader type="chip" />
          </v-col>
        </v-row>
      </v-toolbar-title>
      <v-spacer />
      <v-toolbar-items>
        <v-skeleton-loader type="button" />
      </v-toolbar-items>
    </v-toolbar>
    <v-card style="margin-top: 3px;">
      <v-card-title><v-skeleton-loader type="heading"/></v-card-title>
      <v-card-text>
        <v-form style="margin-left: 15px; margin-right: 15px">
          <v-row>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="button" />
            </v-col>
          </v-row>
          <v-divider style="margin-bottom: 15px;" />
          <v-row>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
          </v-row>
          <v-row>
            <v-skeleton-loader type="button" />
          </v-row>
        </v-form>
      </v-card-text>
    </v-card>
    <v-card style="margin-top: 3px;">
      <v-card-title><v-skeleton-loader type="chip"/></v-card-title>
      <v-card-text>
        <v-form style="margin-left: 15px; margin-right: 15px">
          <v-row>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
          </v-row>
          <v-row>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="chip" />
            </v-col>
          </v-row>
        </v-form>
        <v-skeleton-loader type="button" />
      </v-card-text>
    </v-card>
  </div>
</template>

<script>
export default {
  name: 'UserSkeleton'
}
</script>

<style scoped></style>
