hunk.code_window:                 className="t--fork-app-to-org-button"
                   isLoading={forkingApplication}
                   onClick={forkApplication}
                   size={Size.large}
                   text={createMessage(FORK)}
  
hunk.labels: keep keep keep add keep
hunk.after_edit:                 tag="button"
  
hunk.file_path: app/client/src/pages/Applications/ForkApplicationModal.tsx
hunk.type: add
file: import React from "react";
  import BaseControl, { ControlProps } from "./BaseControl";
  import ColorPickerComponent from "components/ads/ColorPickerComponent";
  
  class ColorPickerControl extends BaseControl<ColorPickerControlProps> {
    handleChangeColor = (color: string) => {
      this.updateProperty(this.props.propertyName, color);
    };
    render() {
      return (
        <ColorPickerComponent
          changeColor={this.handleChangeColor}
          color={
            this.props.propertyValue
              ? this.props.propertyValue
              : this.props.defaultColor
          }
        />
      );
    }
  
    static getControlType() {
      return "COLOR_PICKER";
    }
  }
  
  export interface ColorPickerControlProps extends ControlProps {
    defaultColor?: string;
  }
  
  export default ColorPickerControl;
  