<template>
  <div class="table-wrapper">
    <table>
      <slot />
    </table>
  </div>
</template>

<style lang="ts" scoped>
css({
  ".table-wrapper": {
    overflowX: "auto",
    maxWidth: "100%",
    margin: "{prose.table.margin.default}"
  },
  table: {
    width: "100%",
    tableLayout: "auto",
    textAlign: "left",
    fontSize: "{prose.table.font-size}",
    lineHeight: "{prose.table.line-height}"
  }
})
</style>
