<script lang="ts">
  let clazz: string = "";
  export { clazz as class };
  export let id: string = "";
  export let style = "";
</script>

<div
  {id}
  class="svcmp-ColumnTable {clazz}"
  {style}>
  <slot />
</div>

<style lang="scss">
  .svcmp-ColumnTable {
    display: flex;
    width: 100%;
    background: transparent;
    color: var(--text);
    padding: 0;
    border: 0;
    margin: 0;
  }

  //@media (max-width: 800px) {
  //  .svcmp-ColumnTable {
  //    flex-direction: column;
  //    max-width: 300px;
  //  }
  //}
</style>
