<template>
  <v-card
    class-name="mx-auto"
    color="white"
    max-width="720"
  >
    <v-card-title>
      <v-avatar>
        <img
          :src="answer.avatarUrl"
          alt="social"
        >
      </v-avatar>
      <span class="text-body-1 font-weight-light">{{ answer.username }}</span>
      <span class="text-body-1 font-weight-light">{{ answer.intro }}</span>
    </v-card-title>

    <v-card-text class-name="text-h5 font-weight-bold">
      <span v-html="answer.content" />
    </v-card-text>
    <v-icon
      small
      left
    >
      mdi-twitter
    </v-icon>
  </v-card>
</template>

<script>

export default {
  name: 'AnswerCard',
  props: {
    answer: {
      type: Object,
      default: () => {
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style lang="scss">
</style>
