Create new component

src/components/CheckboxWithTooltip/CheckboxWithTooltipPropTypes.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+import {windowDimensionsPropTypes} from '../withWindowDimensions';
+
+const propTypes = {
+    /** Whether the checkbox is checked */
+    isChecked: PropTypes.bool.isRequired,
+
+    /** Called when the checkbox or label is pressed */
+    onPress: PropTypes.func.isRequired,
+
+    /** The text to display in the tooltip. */
+    text: PropTypes.string.isRequired,
+
+    /** Container styles */
+    style: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]),
+
+    /** Props inherited from withWindowDimensions */
+    ...windowDimensionsPropTypes,
+};
+
+const defaultProps = {
+    style: [],
+};
+
+export {
+    propTypes,
+    defaultProps,
+};

src/components/CheckboxWithTooltip/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import {View} from 'react-native';
+import PropTypes from 'prop-types';
+
+const propTypes = {
+    /** Whether the checkbox is checked */
+    isChecked: PropTypes.bool.isRequired,
+
+    /** Called when the checkbox or label is pressed */
+    onPress: PropTypes.func.isRequired,
+
+    /** Container styles */
+    style: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]),
+};
+
+const defaultProps = {
+    style: [],
+};
+
+/**
+ * @param {propTypes} props
+ * @returns {ReactNodeLike}
+ */
+const CheckboxWithTooltip = props => (
+    <View style={props.style}>
+    </View>
+);
+
+CheckboxWithTooltip.propTypes = propTypes;
+CheckboxWithTooltip.defaultProps = defaultProps;
+CheckboxWithTooltip.displayName = 'CheckboxWithTooltip';
+export default CheckboxWithTooltip;

src/components/CheckboxWithTooltip/index.native.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import {View} from 'react-native';
+import PropTypes from 'prop-types';
+
+const propTypes = {
+    /** Whether the checkbox is checked */
+    isChecked: PropTypes.bool.isRequired,
+
+    /** Called when the checkbox or label is pressed */
+    onPress: PropTypes.func.isRequired,
+
+    /** Container styles */
+    style: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]),
+};
+
+const defaultProps = {
+    style: [],
+};
+
+/**
+ * @param {propTypes} props
+ * @returns {ReactNodeLike}
+ */
+const CheckboxWithTooltip = props => (
+    <View style={props.style}>
+    </View>
+);
+
+CheckboxWithTooltip.propTypes = propTypes;
+CheckboxWithTooltip.defaultProps = defaultProps;
+CheckboxWithTooltip.displayName = 'CheckboxWithTooltip';
+export default CheckboxWithTooltip;