<script>
  /** Set to `true` if the modal contains form elements */
  export let hasForm = false;

  /** Set to `true` if the modal contains scrolling content */
  export let hasScrollingContent = false;
</script>

<div
  tabindex="{hasScrollingContent ? '0' : undefined}"
  role="{hasScrollingContent ? 'region' : undefined}"
  class:bx--modal-content="{true}"
  class:bx--modal-content--with-form="{hasForm}"
  class:bx--modal-scroll-content="{hasScrollingContent}"
  {...$$restProps}
>
  <slot />
</div>
{#if hasScrollingContent}
  <div class:bx--modal-content--overflow-indicator="{true}"></div>
{/if}
