rename var __styles in buildStyles

Author: CodingByJerez

src/Button.js

@@ -14,7 +14,7 @@ const COLOR = Platform.OS === "ios" ? "#007ff9" : "#169689";
 const DialogButton = (props) => {
   const { label, color, disabled, bold, onPress, style, ...nodeProps } = props;
   const fontWeight = bold ? "600" : "normal";
-  const { styles } = useTheme(__styles);
+  const { styles } = useTheme(buildStyles);
 
   return (
     <TouchableOpacity
@@ -48,7 +48,7 @@ DialogButton.defaultProps = {
 
 DialogButton.displayName = "DialogButton";
 
-const __styles = (isDark) =>
+const buildStyles = (isDark) =>
   StyleSheet.create({
     button: Platform.select({
       ios: {

src/Container.js

@@ -29,7 +29,7 @@ const DialogContainer = (props) => {
   const descriptionChildrens = [];
   const buttonChildrens = [];
   const otherChildrens = [];
-  const { styles } = useTheme(__styles);
+  const { styles } = useTheme(buildStyles);
   React.Children.forEach(children, (child) => {
     if (!child) {
       return;
@@ -111,7 +111,7 @@ DialogContainer.defaultProps = {
   visible: false,
 };
 
-const __styles = (isDark) =>
+const buildStyles = (isDark) =>
   StyleSheet.create({
     centeredView: {
       marginTop: 22,

src/Description.js

@@ -5,7 +5,7 @@ import { useTheme } from "./components/hooks";
 
 const DialogDescription = (props) => {
   const { style, children, ...nodeProps } = props;
-  const { styles } = useTheme(__styles);
+  const { styles } = useTheme(buildStyles);
 
   return (
     <Text style={[styles.text, style]} {...nodeProps}>
@@ -22,7 +22,7 @@ DialogDescription.propTypes = {
 
 DialogDescription.displayName = "DialogDescription";
 
-const __styles = (isDark) =>
+const buildStyles = (isDark) =>
   StyleSheet.create({
     text: Platform.select({
       ios: {

src/Input.js

@@ -22,7 +22,7 @@ const DialogInput = (props) => {
   } = props;
   const lines = (multiline && numberOfLines) || 1;
   const height = 18 + Platform.select({ ios: 14, android: 22 }) * lines;
-  const { styles, isDark } = useTheme(__styles);
+  const { styles, isDark } = useTheme(buildStyles);
   return (
     <View style={[styles.textInputWrapper, wrapperStyle]}>
       {label && <Text style={styles.label}>{label}</Text>}
@@ -63,7 +63,7 @@ DialogInput.propTypes = {
 
 DialogInput.displayName = "DialogInput";
 
-const __styles = (isDark) =>
+const buildStyles = (isDark) =>
   StyleSheet.create({
     textInputWrapper: Platform.select({
       ios: {

src/Switch.js

@@ -12,7 +12,7 @@ import { useTheme } from "./components/hooks";
 
 const DialogSwitch = (props) => {
   const { label, ...nodeProps } = props;
-  const { styles } = useTheme(__styles);
+  const { styles } = useTheme(buildStyles);
   return (
     <View style={styles.switchWrapper}>
       <Text style={styles.label}>{label}</Text>
@@ -28,7 +28,7 @@ DialogSwitch.propTypes = {
 
 DialogSwitch.displayName = "DialogSwitch";
 
-const __styles = (isDark) =>
+const buildStyles = (isDark) =>
   StyleSheet.create({
     switchWrapper: Platform.select({
       ios: {

src/Title.js

@@ -5,7 +5,7 @@ import { useTheme } from "./components/hooks";
 
 const DialogTitle = (props) => {
   const { style, children, ...nodeProps } = props;
-  const { styles } = useTheme(__styles);
+  const { styles } = useTheme(buildStyles);
 
   return (
     <Text style={[styles.text, style]} {...nodeProps}>
@@ -22,7 +22,7 @@ DialogTitle.propTypes = {
 
 DialogTitle.displayName = "DialogTitle";
 
-const __styles = (isDark) =>
+const buildStyles = (isDark) =>
   StyleSheet.create({
     text: Platform.select({
       ios: {

src/components/hooks/useTheme.js

@@ -1,13 +1,13 @@
 import React, { useMemo } from "react";
 import { useColorScheme } from "react-native";
 
-const useTheme = (__styles) => {
+const useTheme = (buildStyles) => {
   const colorScheme = useColorScheme();
   const isDark = colorScheme === "dark";
 
   const styles = useMemo(() => {
-    return __styles(isDark);
-  }, [__styles, isDark]);
+    return buildStyles(isDark);
+  }, [buildStyles, isDark]);
 
   return { theme: colorScheme, isDark, styles };
 };