azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 741 B
JavaScript
import"../../CommonImports";import"../../Core/core.css";import"./ColorSwatchPicker.css";import*as React from"react";import{ColorPip}from"../ColorPip/ColorPip";import{FocusZone,FocusZoneDirection}from"../../FocusZone";import{css}from"../../Util";import{Observer}from"../../Observer";const ColorSwatchPicker=e=>{const{colors:r,className:o,onPipClick:c,selectedIndex:t}=e;return React.createElement(FocusZone,{activateOnEnter:!0,direction:FocusZoneDirection.Horizontal},React.createElement("div",{className:css("bolt-colorswatchpicker flex-row",o)},React.createElement(Observer,{selectedIndex:t},o=>r.map((e,r)=>React.createElement(ColorPip,{key:r,color:e,isSelected:o.selectedIndex===r,onClick:(e,o)=>c(e,o,r)})))))};export{ColorSwatchPicker};