ConnieUI.PreviewableCrdtEditor.Live

<ConnieUI.Layouts.vstack gap="lg" class="w-4xl">
  <.live_component
    module={ConnieUI.CrdtEditor.PreviewToggle.Live}
    id="catalog-previewable-live-toggle"
    viewport_id="catalog-previewable-live"
    default_mode={:preview}
  />
  <ConnieUI.Crdt.projection id="catalog-previewable-live-host">
    <.live_component
      module={ConnieUI.Playground.ProjectionFeed}
      id="catalog-previewable-live-feed"
      doc={@doc}
    />
    <.live_component
      module={ConnieUI.PreviewableCrdtEditor.Live}
      id="catalog-previewable-live"
      toggle_id="catalog-previewable-live-toggle"
      entity_id={nil}
      default_mode={:preview}
      editable
      logo={nil}
      smart_tags={[]}
      read_only
      fill_mode="issuer"
    >
      <:preview>Not drawn: with a fill mode, edit off is the editor in fill mode.</:preview>
    </.live_component>
  </ConnieUI.Crdt.projection>
</ConnieUI.Layouts.vstack>