import React from "react" ; import { ColorPicker } from "./common/ColorPicker" ; import { ColorModel , ColorPickerBaseProps } from "../types" ; import { equalColorString } from "../utils/compare" ; import { hslStringToHsva , hsvaToHslString } from "../utils/convert" ; const colorModel = { defaultColor : "hsl(0, 0%, 0%)" , toHsva : hslStringToHsva , fromHsva : hsvaToHslString , equal : equalColorString , } ; export const HslStringColorPicker = ( props ) : JSX . Element => ( < ColorPicker { ... props } colorModel = { colorModel } / > ) ;