<template>
  <blockquote>
    <slot />
  </blockquote>
</template>

<style lang="ts" scoped>
css({
  blockquote: {
    color: "{prose.blockquote.color}",
    fontWeight: "{prose.blockquote.font-weight}",
    borderLeft: "{prose.blockquote.border.left}",
    margin: "{prose.blockquote.margin.default}",
    padding: "{prose.blockquote.padding.default}",
    quotes: "'201C' '201D' '2018' '2019'",
    "p:first-of-type::before": { content: "''" },
    "p:last-of-type::after": { content: "''" }
  },
})
</style>
