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

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

<style lang="scss">
  .svcmp-VerticalRule {
    width: 1px; 
    padding: 0;
    background-color: var(--body);
    margin: 0.5rem 1rem 0.5rem 1rem;
    flex: 0 0 1px;
  }
  //@media (max-width: 800px) {
  //  .svcmp-VerticalRule {
  //    width: unset;
  //    height: 1px;
  //    margin: 1rem 0.5rem 1rem 0.5rem;
  //  }
  //}
</style>