src/components/molecules/forms/radio-group.fixture.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
pre { line-height: 125%; }
td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
span.linenos.special { color: #000000; backgrouimport { RadioGroupOption } from './radio-group';

export const getOptions = (name: string = 'group1') => {
  const value1 = 'option1';
  const value2 = 'option2';
  const value3 = 'option3';
  const value4 = 'option4';
  const value5 = 'option5';

  const options: RadioGroupOption[] = [
    {
      id: `${name}-${value1}`,
      name: name,
      label: 'Option 1',
      value: value1,
    },
    {
      id: `${name}-${value2}`,
      name: name,
      label: 'Option 2',
      value: value2,
    },
    {
      id: `${name}-${value3}`,
      name: name,
      label: 'Option 3',
      value: value3,
    },
    {
      id: `${name}-${value4}`,
      name: name,
      label: 'Option 4',
      value: value4,
    },
    {
      id: `${name}-${value5}`,
      name: name,
      label: 'Option 5',
      value: value5,
    },
  ];

  return options;
};

export const initialChoice = 'option2';
export const legend = 'Options:';