budibase/packages/client/src/components/Block.svelte

<script>
  import { getContext, setContext } from "svelte"

  const component = getContext("component")
  const { styleable } = getContext("sdk")

  // We need to set a block context to know we're inside a block, but also
  // to be able to reference the actual component ID of the block from
  // any depth
  setContext("block", {
    id: $component.id,
  })
</script>

<div use:styleable={$component.styles}>
  <slot />
</div>