{#if relationship}

Remove the relationship with {relationship.case.title}. The relationship history remains recorded.

{:else} {/if}

</Field
            >
        </fieldset>
        {#if error}<p class="ui-error" role="alert">{error}</p>{/if}
        {#if uncertain}<p class="hint">
                The result is uncertain. Retry sends the same request safely.
            </p>{/if}
        <div class="actions">
            <Button disabled={busy} onclick={() => (open = false)}>Cancel</Button><Button
                type="submit"
                variant="primary"
                loading={busy}
                >{uncertain
                    ? 'Retry same request'
                    : relationship
                      ? 'Remove relationship'
                      : 'Link cases'}</Button
            >
        </div>
    </form>
</Dialog>

<style>
    form,
    fieldset {
        display: grid;
        gap: var(--space-4);
        min-width: 0;
    }
    fieldset {
        margin: 0;
        padding: 0;
        border: 0;
    }
    p {
        margin: 0;
        line-height: var(--leading-body);
        overflow-wrap: anywhere;
    }
    .hint {
        color: var(--text-secondary);
        font-size: var(--text-sm);
    }
    .actions {
        display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        gap: var(--space-3);
    }
</style>