Function ColorSpaceControl

packages/dev/s2-docs/src/VisualExampleClient.tsx:1403–1426

({control, value})

}

function ColorSpaceControl({control, value}) {
  let {setProps} = useContext(Context);
  return (
    <UnionControl
      control={{
        ...control,
        optional: false
      }}
      value={value}
      onChange={colorSpace => {
        setProps(props => {
          props = {...props, colorSpace};
          if (props.channel) {
            props.channel = getColorChannels(colorSpace)[0];
          }

          delete props.xChannel;
          delete props.yChannel;
          return props;
        });
      }}
    />
  );
}

function PlacementControl({control, value, onChange}) {
  return (