<template>
  <v-card
    class-name="mx-auto"
    color="white"
    max-width="720"
  >
    <v-card-title>
      <span class="text-body-1 font-weight-light">{{ question.title }}</span>
    </v-card-title>

    <v-card-text class-name="text-h5 font-weight-bold">
      <span v-html="question.detail" />
    </v-card-text>
  </v-card>
</template>

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

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