ConnieUI.CrdtEditor.PreviewToggle.Live

<ConnieUI.Layouts.vstack gap="md" class="w-md">
  <.live_component
    module={ConnieUI.CrdtEditor.PreviewToggle.Live}
    id="catalog-preview-toggle-live"
    viewport_id="catalog-preview-toggle-live-viewport"
    default_mode={:edit}
  />
  <.live_component
    module={ConnieUI.PreviewableCrdtEditor.Live}
    id="catalog-preview-toggle-live-viewport"
    toggle_id="catalog-preview-toggle-live"
    entity_id={nil}
    default_mode={:edit}
    editable={false}
    logo={nil}
    smart_tags={[]}
    preview={[]}
  />
  <ConnieUI.Typography.muted>
    The toggle mirrors the viewport it names, and tells it when it is flipped.
  </ConnieUI.Typography.muted>
</ConnieUI.Layouts.vstack>