<%
let element = {
  path: 'radio/deprecated/example/sample/radio-rich',
  data: {
      name: prefix + '-radios-theme',
      rich: true,
  }
}

let fields = {
  legend: 'Choisissez un thème pour personnaliser l’apparence du site.',
  choice: true,
  elements: [
    { ...element, data: { radio: {...element.data, image: {src: relativeRoot + 'dist/artwork/light.svg', type: 'svg'}, label: 'Thème clair', attributes: { value: 'light'}, id: element.data.name + '-light' } } },
    { ...element, data: { radio: {...element.data, image: {src: relativeRoot + 'dist/artwork/dark.svg', type: 'svg'}, label: 'Thème sombre', attributes: { value: 'dark'}, id: element.data.name + '-dark' } } },
    { ...element, data: { radio: {...element.data, image: {src: relativeRoot + 'dist/artwork/system.svg', type: 'svg'},  label: 'Système', hint: 'Utilise les paramètres système.', attributes: { value: 'system'}, id: element.data.name + '-system' } } },
  ]
}
%>

<div id="<%= prefix %>-display-deprecated" class="<%= prefix %>-form-group <%= prefix %>-display">
  <%- include('../../../../form/deprecated/example/sample/fieldset', {fieldset: fields}) %>
</div>
