// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`ThemeChoicePanel renders the theme choice UI 1`] = `
<ThemeChoicePanel>
  <div
    className="mx_SettingsTab_section mx_ThemeChoicePanel"
  >
    <span
      className="mx_SettingsTab_subheading"
    >
      Theme
    </span>
    <div
      className="mx_ThemeSelectors"
    >
      <StyledRadioGroup
        definitions={
          Array [
            Object {
              "className": "mx_ThemeSelector_light",
              "disabled": true,
              "label": "Light",
              "value": "light",
            },
            Object {
              "className": "mx_ThemeSelector_dark",
              "disabled": true,
              "label": "Dark",
              "value": "dark",
            },
          ]
        }
        name="theme"
        onChange={[Function]}
        outlined={true}
      >
        <StyledRadioButton
          checked={false}
          childrenInLabel={true}
          className="mx_ThemeSelector_light"
          disabled={true}
          id="theme-light"
          name="theme"
          onChange={[Function]}
          outlined={true}
          value="light"
        >
          <label
            className="mx_StyledRadioButton mx_ThemeSelector_light mx_StyledRadioButton_disabled mx_StyledRadioButton_outlined"
          >
            <input
              checked={false}
              disabled={true}
              id="theme-light"
              name="theme"
              onChange={[Function]}
              type="radio"
              value="light"
            />
            <div>
              <div />
            </div>
            <div
              className="mx_StyledRadioButton_content"
            >
              Light
            </div>
            <div
              className="mx_StyledRadioButton_spacer"
            />
          </label>
        </StyledRadioButton>
        <StyledRadioButton
          checked={false}
          childrenInLabel={true}
          className="mx_ThemeSelector_dark"
          disabled={true}
          id="theme-dark"
          name="theme"
          onChange={[Function]}
          outlined={true}
          value="dark"
        >
          <label
            className="mx_StyledRadioButton mx_ThemeSelector_dark mx_StyledRadioButton_disabled mx_StyledRadioButton_outlined"
          >
            <input
              checked={false}
              disabled={true}
              id="theme-dark"
              name="theme"
              onChange={[Function]}
              type="radio"
              value="dark"
            />
            <div>
              <div />
            </div>
            <div
              className="mx_StyledRadioButton_content"
            >
              Dark
            </div>
            <div
              className="mx_StyledRadioButton_spacer"
            />
          </label>
        </StyledRadioButton>
      </StyledRadioGroup>
    </div>
  </div>
</ThemeChoicePanel>
`;
