<div class="flex-container flexFlowColumn marginBot10">
    <h3 data-i18n="Do you want to export connection data with the preset?">
        Do you want to export connection data with the preset?
    </h3>

    <div data-i18n="This includes the selected source, models, and other preferences set in the API Connections panel.">
        This includes the selected source, models, and other preferences set in the API Connections panel.
    </div>

    <strong data-i18n="Your stored API keys are never exported.">
        Your stored API keys are never exported.
    </strong>
</div>
<div class="flex-container flexFlowColumn">
    <label class="checkbox_label" for="export_connection_data_yes">
        <input type="radio" id="export_connection_data_yes" name="export_connection_data" value="true">
        <span data-i18n="Export connection data">
            Export connection data
        </span>
    </label>
    <label class="checkbox_label" for="export_connection_data_no">
        <input type="radio" id="export_connection_data_no" name="export_connection_data" value="false" checked>
        <span data-i18n="Do not export connection data">
            Do not export connection data
        </span>
    </label>
</div>
