wip: add basic option header

public/app/core/components/Picker/GroupHeading.tsx

+import React from 'react';
+import { components } from 'react-select';
+
+export const GroupHeading = props => {
+  return (
+    <label className="description-picker-option__button btn picker-option-group">
+      <components.GroupHeading {...props} />
+    </label>
+  );
+};
+
+export default GroupHeading;

public/sass/_grafana.scss

@@ -105,6 +105,7 @@
 @import 'components/page_loader';
 @import 'components/page_loader';
 @import 'components/thresholds';
 @import 'components/thresholds';
 @import 'components/toggle_button_group';
 @import 'components/toggle_button_group';
+@import 'components/group-heading';
 @import 'components/value-mappings';
 @import 'components/value-mappings';
 @import 'components/popover-box';
 @import 'components/popover-box';
 
 

public/sass/components/_group-heading.scss

+.picker-option-group {
+  cursor: default;
+  font-weight: $lead-font-weight;
+  color: $btn-primary-bg-hl;
+}