@inherits ExportSettingsBase

<div class="fr-webreport-popup-content-export-parameters">
    <div class="fr-webreport-popup-content-title">
        @localization.Title
    </div>
    <PageSelector ExportParameters="ExportParameters" WebReport="WebReport"></PageSelector>
</div>

<div class="fr-webreport-popup-content-export-parameters">
    <label>@localization.Options</label>
    <div class="fr-webreport-popup-content-export-parameters-row">
        <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("Wysiwyg")"
                @onclick="OnWysiwygClick">
            Wysiwyg
        </button>
        <button type="button" class="fr-webreport-popup-content-export-parameters-button @IsActive("PageBreaks")"
                @onclick="OnPageBreaksClick">
            @localization.PageBreaks
        </button>
    </div>

    <div class="fr-webreport-popup-content-export-parameters-col">
        <div class="fr-webreport-popup-content-export-parameters-row">
         <label style=" margin-left: 0.5rem;">@localization.Pictures</label>
            <select class="custom-select" @onchange="OnPicturesChange" id="picturesSelect">
                <option value="None">@localization.None</option>
                <option value="Png">Png</option>
                <option value="Jpeg" selected>Jpeg</option>
                <option value="Metafile">@localization.Metafile</option>
            </select>
        </div>
        <div class="fr-webreport-popup-content-export-parameters-row">
           <label style=" margin-left: 0.5rem;">@localization.RTFObjectAs</label>
            <select class="custom-select" @onchange="OnRichObjectChange" id="richObjectSelect">
                <option value="Picture" selected>@localization.AsPicture</option>
                <option value="EmbeddedRTF">@localization.EmbeddedRTF</option>
            </select>
        </div>
       </div>
    </div>
