// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { JSXElement } from "@coreai-ds/react-components";
import { Field } from "@coreai-ds/react-components";
import { RadioGroup } from "@coreai-ds/react-components";
import { Radio } from "@coreai-ds/react-components";
import { Text } from "@coreai-ds/react-components";
import * as React from 'react';

export const LabelSubtext = (): JSXElement => (<Field label="Favorite Fruit">
    <RadioGroup>
      <Radio value="A" label={<>
            Banana
            <br />
            <Text size={200}>This is an example subtext of the first option</Text>
          </>}/>
      <Radio value="B" label={<>
            Pear
            <br />
            <Text size={200}>This is some more example subtext</Text>
          </>}/>
    </RadioGroup>
  </Field>);

export default LabelSubtext;