<template>
  <v-card>
    <v-card-title>
      <v-skeleton-loader type="heading" />
    </v-card-title>
    <v-card-text>
      <v-row>
        <v-col cols="10">
          <v-row>
            <v-col>
              <v-skeleton-loader type="button" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="button" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="button" />
            </v-col>
          </v-row>
          <v-row>
            <v-col>
              <v-skeleton-loader type="button" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="button" />
            </v-col>
            <v-col>
              <v-skeleton-loader type="button" />
            </v-col>
          </v-row>
        </v-col>
        <v-col align-self="center">
          <v-row>
            <v-list-item>
              <v-skeleton-loader type="chip" />
            </v-list-item>
          </v-row>
        </v-col>
      </v-row>
    </v-card-text>
  </v-card>
</template>

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

<style scoped></style>
