react-native-ui-lib/src/components/colorPicker/ColorPickerDialogSliders.js

[](https://stand-with-ukraine.pp.ua)

import React from 'react';
import { StyleSheet } from 'react-native';
import { Colors } from "../../style";
import ColorSliderGroup from "../slider/ColorSliderGroup";
const ColorPickerDialogSliders = props => {
  const {
    keyboardHeight,
    color,
    migrate,
    onSliderValueChange
  } = props;
  const colorValue = color.a === 0 ? Colors.getHSL(Colors.$backgroundInverted) : color;
  return <ColorSliderGroup initialColor={colorValue} containerStyle={[styles.sliderGroup, {
    height: keyboardHeight
  }]} sliderContainerStyle={styles.slider} showLabels labelsStyle={styles.label} accessible={false} migrate={migrate} onValueChange={onSliderValueChange} />;
};
export default ColorPickerDialogSliders;
const styles = StyleSheet.create({
  sliderGroup: {
    paddingTop: 12,
    marginHorizontal: 20
  },
  slider: {
    marginBottom: 15,
    height: 26
  },
  label: {
    marginBottom: 3
  }
});