<template>
  <div>
    <div class="acrylic">Acrylic</div>
    <div class="acrylic light">Acrylic light</div>
    <div class="reveal">Reveal</div>
    <div class="highlight reveal">Reveal with highlight</div>
    <div class="highlight reveal light">Reveal with highlight</div>
    <div class="highlight highlight-small reveal">Reveal with small highlight</div>
    <div class="highlight highlight-large reveal light">Reveal with large highlight</div>
  </div>
</template>

<script>
  import fluent from 'fluent-for-ant-design'
  export default {
    mixins: [fluent]
  }
</script>