LEDの処理大整理

components/atom/BigButton.tsx

@@ -1,12 +1,21 @@
 import React, { FC } from "react";
-import { Text, TouchableOpacity, View, ViewStyle } from "react-native";
+import {
+  Text,
+  TextStyle,
+  TouchableOpacity,
+  View,
+  ViewStyle,
+} from "react-native";
 
 type Props = {
   onPress: () => void;
   string: string;
   style?: ViewStyle;
+  tS?: TextStyle;
+  children?: any;
 };
-export const BigButton: FC<Props> = ({ onPress, string,style }) => {
+export const BigButton: FC<Props> = (props) => {
+  const { onPress, string, style, tS, children } = props;
   return (
     <TouchableOpacity
       style={{
@@ -22,7 +31,8 @@ export const BigButton: FC<Props> = ({ onPress, string,style }) => {
       onPress={onPress}
     >
       <View style={{ flex: 1 }} />
-      <Text style={{ fontSize: 25, fontWeight: "bold", color: "white" }}>
+      {children}
+      <Text style={{ fontSize: 25, fontWeight: "bold", color: "white", ...tS }}>
         {string}
       </Text>
       <View style={{ flex: 1 }} />