react-native-ui-lib/src/incubator/Dialog/DialogKnob.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import React from 'react';
import { StyleSheet } from 'react-native';
import { Spacings, Colors, BorderRadiuses } from "../../style";
import View from "../../components/view";

const DialogKnob = props => {
  const {
    showKnob = true
  } = props;

  if (showKnob) {
    return <View style={styles.knob} />;
  }

  return null;
};

export default React.memo(DialogKnob);
const styles = StyleSheet.create({
  knob: {
    alignSelf: 'center',
    width: 44,
    height: Spacings.s1,
    marginTop: Spacings.s2,
    marginBottom: Spacings.s2,
    backgroundColor: Colors.grey60,
    borderRadius: BorderRadiuses.br10
  }
});