() => {
  return (
    <SegmentedControl
      type={props.type}
      orientation={props.orientation}
      size={props.size}
      fullWidth={props.fullWidth}
      defaultValue={props.type === 'single' ? 'item1' : ['item1']}
    >
      <SegmentedControlItem
        id="segmented-item1"
        value="item1"
        label="Panther Chameleon"
        icon={props.icon}
      />
      <SegmentedControlItem
        id="segmented-item2"
        value="item2"
        label="Veiled Chameleon"
        icon={props.icon}
      />
      <SegmentedControlItem
        id="segmented-item3"
        value="item3"
        label="Karma Chameleon"
        icon={props.icon}
      />
    </SegmentedControl>
  );
};