@nakamura-123/pages 0.1.21 → 0.1.23

package/dist/component/Basic/BasicContents.js

@@ -86,6 +86,8 @@ var BasicPage = function (_a) {
             subject: subject.name,
             type: subject.type,
             category: selectKey,
+            tagName: subject.tag,
+            system: subject.system,
             lesson: {
                 title: selectedList.label + selectedList.title,
                 key: ALL_NUM,
@@ -102,7 +104,7 @@ var BasicPage = function (_a) {
       <common_1.RoundRectangle title={categoryName} style={styles.categoryName}/>
       <SelectedExamCnt_1.default type={subject.type}/>
       <common_1.HelpMark name="basicList" marginTop={20} top={-23}/>
-      <SubCategoryList_1.default navigation={navigation} subject={subject} index={index}/>
+      <SubCategoryList_1.default navigation={navigation} topSubject={subject} index={index}/>
       <common_1.HelpMark name="miniTest" marginTop={10} top={-23}/>
 
       <MiniTestCard_1.default navigation={navigation} subject={subject} index={index}/>

package/dist/component/Basic/MiniTestCard.js

@@ -35,8 +35,10 @@ var react_i18next_1 = require("react-i18next");
 var db_1 = require("@nakamura-123/db");
 var stores_1 = require("@nakamura-123/stores");
 var testFnc_1 = require("../../functions/testFnc");
-var createQuizFnc_1 = require("../../functions/createQuizFnc");
+var createQuizFncD_1 = require("../../functions/createQuizFncD");
 var Paw5s_1 = __importDefault(require("./Paw5s"));
+var basicHook_1 = require("../../hooks/basicHook");
+var createQuizFncJ_1 = require("../../functions/createQuizFncJ");
 var TestComponent = function (_a) {
     var navigation = _a.navigation, subject = _a.subject, index = _a.index;
     var dispatch = (0, react_redux_1.useDispatch)();
@@ -48,8 +50,9 @@ var TestComponent = function (_a) {
     var quizCnt = selectedCategory.miniTestCnt;
     var testTitle = selectedCategory.title + t("basic.miniTest");
     var testDB = (0, react_2.useQuery)(db_1.MiniTestSchema);
-    var QuestionDB = (0, react_2.useQuery)(db_1.dQuestionSchema);
     var outOfYearRange = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg.outOfYearRange; });
+    // const QuestionDB = useQuery(DQuestionSchema);
+    var QuestionDBInfo = (0, basicHook_1.useGetQuestionQuery)();
     var levels = (0, react_1.useMemo)(function () {
         return (0, testFnc_1.getMiniTestLevelCnts)(testDB, subject.name, selectKey);
     }, [subject.name, selectKey]);
@@ -67,12 +70,17 @@ var TestComponent = function (_a) {
                 subject: subject.name,
                 type: "miniTest",
                 category: selectKey,
+                tagName: subject.tag,
+                system: subject.system,
                 lesson: { title: testTitle, key: quizCnt },
             },
         });
         dispatch({ type: "quiz/resetCurrentInfo" });
         // クイズ作成
-        var quizList = (0, createQuizFnc_1.getMiniTestQuestions)(QuestionDB, subject.type, selectKey, quizCnt, outOfYearRange);
+        var query = QuestionDBInfo.query, system = QuestionDBInfo.system;
+        var quizList = system === "JLPT"
+            ? (0, createQuizFncJ_1.getMiniTestQuestionsJ)(query, selectKey, quizCnt, subject.tag)
+            : (0, createQuizFncD_1.getMiniTestQuestions)(query, subject.type, selectKey, quizCnt, outOfYearRange);
         dispatch(stores_1.saveStorage.deleteQuizInStorage(subject.name));
         dispatch({ type: "quiz/setQuizList", payload: quizList });
         navigation.navigate("Quiz");

package/dist/component/Basic/SelectedExamCnt.js

@@ -12,6 +12,9 @@ var SelectedExamCnt = function (_a) {
     var type = _a.type;
     var t = (0, react_i18next_1.useTranslation)().t;
     var isRangeYear = (0, react_redux_1.useSelector)(function (state) { var _a; return (_a = state.app.appSetting.setting) === null || _a === void 0 ? void 0 : _a.basic.isRangeYearInUnit; }) || false;
+    var isJLPTSystem = (0, react_redux_1.useSelector)(function (state) { return state.app.appSetting.setting.appSystem === "JLPT"; });
+    if (isJLPTSystem)
+        return null;
     if (type !== "unit" || !isRangeYear)
         return null;
     var outOfYearRange = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg.outOfYearRange; });

package/dist/component/Basic/SubCategoryList.d.ts

@@ -3,7 +3,7 @@ import { StackNavigationProp } from "@react-navigation/stack";
 import { Nav, Db } from "@nakamura-123/types";
 interface SubCategoryListProps {
     navigation: StackNavigationProp<Nav.RootStackParamList>;
-    subject: Db.SubjectInfo;
+    topSubject: Db.SubjectInfo;
     index: number;
 }
 declare const SubCategoryList: React.FC<SubCategoryListProps>;

package/dist/component/Basic/SubCategoryList.js

@@ -16,45 +16,48 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
-var react_2 = require("@realm/react");
 var react_redux_1 = require("react-redux");
 var common_1 = require("@nakamura-123/common");
-var db_1 = require("@nakamura-123/db");
 var stores_1 = require("@nakamura-123/stores");
 var SubCategoryLeft_1 = __importDefault(require("./SubCategoryLeft"));
-var tagFnc_1 = require("../../functions/tagFnc");
+var tagFncD_1 = require("../../functions/tagFncD");
 var Tag5s_1 = __importDefault(require("../Tag5s"));
-var createQuizFnc_1 = require("../../functions/createQuizFnc");
+var createQuizFncD_1 = require("../../functions/createQuizFncD");
 var quizActionHook_1 = require("../../hooks/quizActionHook");
+var basicHook_1 = require("../../hooks/basicHook");
+var createQuizFncJ_1 = require("../../functions/createQuizFncJ");
+var tagFncJ_1 = require("../../functions/tagFncJ");
 var SubCategoryList = function (_a) {
     var _b;
-    var navigation = _a.navigation, subject = _a.subject, index = _a.index;
+    var navigation = _a.navigation, topSubject = _a.topSubject, index = _a.index;
     var dispatch = (0, react_redux_1.useDispatch)();
     // Redux states
-    var categoryList = (0, react_redux_1.useSelector)(function (state) { return state.app[subject.list]; });
-    var activeIndex = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subject.name].activeIndex; });
-    var preSelect = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subject.name].preSelect; });
+    var categoryList = (0, react_redux_1.useSelector)(function (state) { return state.app[topSubject.list]; });
+    var preSelect = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[topSubject.name].preSelect; });
     var outOfYearRange = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg.outOfYearRange; });
     var startCfg = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg; });
     // Derived states
     var selectedList = categoryList[index];
     var selectKey = selectedList.key;
     var subCategories = (_b = selectedList.sub) !== null && _b !== void 0 ? _b : [];
-    var QuestionDB = (0, react_2.useQuery)(db_1.dQuestionSchema);
+    // const QuestionDB = useQuery(DQuestionSchema);
+    var QuestionDBInfo = (0, basicHook_1.useGetQuestionQuery)();
     var useStartQuiz = (0, quizActionHook_1.useStartQuizAction)();
     var getLessonTitle = function (index) {
-        if (subject.type === "unit")
+        if (topSubject.type === "unit")
             return "".concat(selectedList.label, " ").concat(subCategories[index].title);
         return "".concat(selectedList.title, " ").concat(subCategories[index].title);
     };
     // 課金ロック
-    var isLocked = common_1.commonHook.useIsLocked(subject.type, selectKey);
+    var isLocked = common_1.commonHook.useIsLocked(topSubject.type, selectKey);
     // クイズ開始前の共通処理
     var handleSetLesson = function (index) {
         var lesson = __assign(__assign({}, subCategories[index]), { title: getLessonTitle(index) });
         var selected = {
-            subject: subject.name,
-            type: subject.type,
+            subject: topSubject.name,
+            type: topSubject.type,
+            tagName: topSubject.tag,
+            system: topSubject.system,
             category: selectKey,
             lesson: lesson,
         };
@@ -75,7 +78,10 @@ var SubCategoryList = function (_a) {
         var selected = handleSetLesson(index);
         if (!selected)
             return;
-        var quizList = (0, createQuizFnc_1.getBasicQuizList)(QuestionDB, startCfg, selected);
+        var system = QuestionDBInfo.system, query = QuestionDBInfo.query;
+        var quizList = system === "JLPT"
+            ? (0, createQuizFncJ_1.getBasicQuizListJ)(query, startCfg, selected)
+            : (0, createQuizFncD_1.getBasicQuizList)(query, startCfg, selected);
         var subject = selected.subject, category = selected.category, lesson = selected.lesson;
         dispatch({
             type: "quiz/saveBasicPreSelect",
@@ -88,16 +94,19 @@ var SubCategoryList = function (_a) {
     };
     // タグを取得する関数を選ぶ
     var getTagFunctions = {
-        unit: tagFnc_1.getUnitSubTagLevelCnts,
-        year: tagFnc_1.getYearSubTagLevelCnts,
+        unit: tagFncD_1.getUnitSubTagLevelCnts,
+        year: tagFncD_1.getYearSubTagLevelCnts,
     };
-    var getTagFnc = getTagFunctions[subject.type];
+    var getTagFnc = getTagFunctions[topSubject.type];
     return (<react_native_1.View style={{ flex: 1 }}>
       {subCategories.map(function (_a, i) {
             var key = _a.key, title = _a.title;
-            var subTags = getTagFnc(QuestionDB, selectKey, key, outOfYearRange);
+            var system = QuestionDBInfo.system, query = QuestionDBInfo.query;
+            var subTags = system === "JLPT"
+                ? (0, tagFncJ_1.getUnitSubTagLevelCntsJ)(query, selectKey, key, topSubject.tag)
+                : getTagFnc(query, selectKey, key, outOfYearRange);
             var isPreSelect = preSelect.category === selectKey && preSelect.lessonKey === key;
-            return (<common_1.RectangleCard key={key} title={title} left={<SubCategoryLeft_1.default rate={(0, tagFnc_1.getCategoryRate)(subTags)} isLocked={isLocked}/>} bottom={<Tag5s_1.default tags={subTags}/>} onPress={function () { return handleSubCategory(i); }} borderColor={isPreSelect ? "green" : undefined} outerStyle={styles.cardSpacing} onLongPress={function () { return handleLongPress(i); }}/>);
+            return (<common_1.RectangleCard key={key} title={title} left={<SubCategoryLeft_1.default rate={(0, tagFncD_1.getCategoryRate)(subTags)} isLocked={isLocked}/>} bottom={<Tag5s_1.default tags={subTags}/>} onPress={function () { return handleSubCategory(i); }} borderColor={isPreSelect ? "green" : undefined} outerStyle={styles.cardSpacing} onLongPress={function () { return handleLongPress(i); }}/>);
         })}
     </react_native_1.View>);
 };

package/dist/component/Grade/AllTags.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-interface TagBadgeProps {
+interface Props {
 }
-declare const TagBadge5s: React.FC<TagBadgeProps>;
+declare const TagBadge5s: React.FC<Props>;
 export default TagBadge5s;

package/dist/component/Grade/AllTags.js

@@ -8,11 +8,11 @@ var react_native_1 = require("react-native");
 var react_2 = require("@realm/react");
 var db_1 = require("@nakamura-123/db");
 var common_1 = require("@nakamura-123/common");
-var tagFnc_1 = require("../../functions/tagFnc");
+var tagFncD_1 = require("../../functions/tagFncD");
 var TagBadge5s = function (_a) {
     var TagDB = (0, react_2.useQuery)(db_1.TagSchema);
     var tagLegels = TagDB.map(function (tag) { return tag.level; });
-    var tag5Infos = (0, tagFnc_1.countTagsByLevel)(tagLegels);
+    var tag5Infos = (0, tagFncD_1.countTagsByLevel)(tagLegels);
     return (<react_native_1.View style={styles.container}>
       {tag5Infos.map(function (tag, i) { return (<common_1.Badge key={i} name={String(tag.cnt)} icon={"tag"} circleColor={tag.color} style={styles.badge}/>); })}
     </react_native_1.View>);

package/dist/component/Grade/JAllTags.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+interface Props {
+}
+declare const JAllTags: React.FC<Props>;
+export default JAllTags;

package/dist/component/Grade/JAllTags.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var react_2 = require("@realm/react");
+var db_1 = require("@nakamura-123/db");
+var common_1 = require("@nakamura-123/common");
+var tagFncD_1 = require("../../functions/tagFncD");
+var tagFncJ_1 = require("../../functions/tagFncJ");
+var JAllTags = function (_a) {
+    var JQuestionDB = (0, react_2.useQuery)(db_1.JQuestionSchema);
+    var tagLevelsBasic = (0, tagFncJ_1.getTagNameFilterJ)(JQuestionDB, "basicTag");
+    var tagLevelsListen = (0, tagFncJ_1.getTagNameFilterJ)(JQuestionDB, "listenTag");
+    var tag5InfosBasic = (0, tagFncD_1.countTagsByLevel)(tagLevelsBasic);
+    var tag5InfosListen = (0, tagFncD_1.countTagsByLevel)(tagLevelsListen);
+    return (<react_native_1.View style={styles.container}>
+      <common_1.MyText>きほん</common_1.MyText>
+      <react_native_1.View style={styles.tagBox}>
+        {tag5InfosBasic.map(function (tag, i) { return (<common_1.Badge key={i} name={String(tag.cnt)} icon={"tag"} circleColor={tag.color} style={styles.badge}/>); })}
+      </react_native_1.View>
+      <common_1.MyText>ちょうかい</common_1.MyText>
+      <react_native_1.View style={styles.tagBox}>
+        {tag5InfosListen.map(function (tag, i) { return (<common_1.Badge key={i} name={String(tag.cnt)} icon={"tag"} circleColor={tag.color} style={styles.badge}/>); })}
+      </react_native_1.View>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        marginVertical: 10,
+    },
+    tagBox: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        width: "100%",
+        marginTop: 5,
+    },
+    badge: {
+        borderWidth: 0,
+        backgroundColor: "transparent",
+    },
+});
+exports.default = JAllTags;

package/dist/component/QuizSet/QuizOptionDrill.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 interface QuizSetupProps {
 }
-declare const QuizSetup: React.FC<QuizSetupProps>;
-export default QuizSetup;
+declare const QuizOption: React.FC<QuizSetupProps>;
+export default QuizOption;

package/dist/component/QuizSet/QuizOptionDrill.js

@@ -9,19 +9,23 @@ var react_i18next_1 = require("react-i18next");
 var react_redux_1 = require("react-redux");
 var common_1 = require("@nakamura-123/common");
 var lib_1 = require("@nakamura-123/lib");
-var quizStartOption = lib_1.startOption.dQuizStartOption;
 var stores_1 = require("@nakamura-123/stores");
-var QuizSetup = function (_a) {
+var QuizOption = function (_a) {
     var t = (0, react_i18next_1.useTranslation)().t;
     // 設定の選択
     var dispatch = (0, react_redux_1.useDispatch)();
+    var selected = (0, react_redux_1.useSelector)(function (state) { return state.quiz.selected; });
+    var system = selected.system || "drill";
     var storeOption = (0, react_redux_1.useSelector)(function (state) { return state.quizCfg.startCfg.option; });
     var handleSelect = function (type, value) {
         dispatch(stores_1.cfgAction.selectOption({ key: type, value: value }));
     };
+    var quizOption = system === "drill"
+        ? lib_1.startOption.dQuizStartOption
+        : lib_1.startOption.jQuizStartOption;
     return (<react_native_1.View style={styles.container}>
       <common_1.HelpMark name="quizOption.tag"/>
-      {quizStartOption.map(function (O, i) {
+      {quizOption.map(function (O, i) {
             var type = O.type, options = O.options;
             var selectedValue = storeOption[type];
             var selectedIndex = options.findIndex(function (o) { return o.value === selectedValue; });
@@ -37,10 +41,10 @@ var QuizSetup = function (_a) {
 var styles = react_native_1.StyleSheet.create({
     container: {
         width: "100%",
-        marginBottom: 20,
+        marginBottom: 10,
     },
     title: {
         marginLeft: 5,
     },
 });
-exports.default = QuizSetup;
+exports.default = QuizOption;

package/dist/component/Result/QuizFlatList.js

@@ -9,17 +9,22 @@ var react_redux_1 = require("react-redux");
 var lib_1 = require("@nakamura-123/lib");
 var common_1 = require("@nakamura-123/common");
 var MyTextqqyy_1 = __importDefault(require("../../quiz/common/MyTextqqyy"));
+var RubyText_1 = __importDefault(require("../../quiz/common/RubyText"));
 var QuizFlatList = function (_a) {
     var navigation = _a.navigation;
     var dispatch = (0, react_redux_1.useDispatch)();
     // 01_Redux からデータを取得（useSelector を使用）
     var quizList = (0, react_redux_1.useSelector)(function (state) { return state.quiz.quizList; });
     var listData = quizList.map(function (quiz, i) {
-        var id = String(quiz.yearId) + String(quiz.num);
-        var question = "(".concat(i + 1, ") ").concat(quiz.question[0]);
+        var id = quiz.system === "JLPT"
+            ? quiz.quizId
+            : String(quiz.yearId) + String(quiz.num);
+        var questionText = quiz.system === "JLPT" ? quiz.question : quiz.question[0];
+        var question = "(".concat(i + 1, ") ").concat(questionText);
         var color = lib_1.tagLevels.filter(function (item) { return item.level === quiz.tag; })[0].color;
         var isCorrected = quiz.isCorrected;
-        return { id: id, question: question, color: color, index: i, isCorrected: isCorrected };
+        var system = quiz.system;
+        return { id: id, question: question, color: color, index: i, isCorrected: isCorrected, system: system };
     });
     // 02_リストアイテムのレンダリング
     var renderItem = function (_a) {
@@ -34,10 +39,12 @@ var QuizFlatList = function (_a) {
             <common_1.Icon5 name={icon} size={11} color={iconColor}/>
           </react_native_1.View>
         </react_native_1.View>
-        <react_native_1.View style={styles.questionBox}>
-          <MyTextqqyy_1.default isNotSearch fsize="xs">
-            {text}
-          </MyTextqqyy_1.default>
+        <react_native_1.View style={styles.questionBoxJ}>
+          {item.system === "JLPT" ? (<RubyText_1.default fsize="sm" isNoWrap>
+              {text}
+            </RubyText_1.default>) : (<MyTextqqyy_1.default isNotSearch fsize="xs">
+              {text}
+            </MyTextqqyy_1.default>)}
         </react_native_1.View>
       </react_native_1.TouchableOpacity>);
     };
@@ -72,6 +79,12 @@ var styles = react_native_1.StyleSheet.create({
         justifyContent: "center",
         height: 50,
     },
+    questionBoxJ: {
+        marginLeft: 5,
+        width: "90%",
+        height: "100%",
+        justifyContent: "center",
+    },
     questionBox: {
         marginLeft: 5,
         width: "90%",

package/dist/component/SettingBtns/TransBtn.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type TransBtnProps = {};
+declare const TransBtn: React.FC<TransBtnProps>;
+export default TransBtn;

package/dist/component/SettingBtns/TransBtn.js

@@ -0,0 +1,119 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var i18next_1 = __importDefault(require("i18next"));
+var common_1 = require("@nakamura-123/common");
+var lib_1 = require("@nakamura-123/lib");
+var TransBtn = function (_a) {
+    var _b = (0, react_1.useState)(false), modalVisible = _b[0], setModalVisible = _b[1];
+    var handlePress = function () {
+        setModalVisible(true);
+    };
+    var handleLanguageSelect = function (language) {
+        i18next_1.default.changeLanguage(language); // 言語を切り替える
+        setModalVisible(false);
+    };
+    return (<react_native_1.View style={styles.container}>
+      <common_1.IconInCircle name="language" cStyle={styles.button} onPress={handlePress}/>
+      <react_native_1.Modal transparent={true} visible={modalVisible} animationType="slide" onRequestClose={function () { return setModalVisible(false); }}>
+        <react_native_1.View style={styles.modalContainer}>
+          <react_native_1.View style={styles.modalContent}>
+            <react_native_1.Text style={styles.modalTitle}>Select Language</react_native_1.Text>
+            <react_native_1.TouchableOpacity style={styles.modalButton} onPress={function () { return handleLanguageSelect("en"); }} // 英語を選択
+    >
+              <react_native_1.Text style={styles.modalButtonText}>English</react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+            <react_native_1.TouchableOpacity style={styles.modalButton} onPress={function () { return handleLanguageSelect("ja"); }} // 日本語を選択
+    >
+              <react_native_1.Text style={styles.modalButtonText}>Japanese</react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+            <react_native_1.TouchableOpacity style={styles.modalCloseButton} onPress={function () { return setModalVisible(false); }}>
+              <react_native_1.Text style={styles.modalCloseButtonText}>Close</react_native_1.Text>
+            </react_native_1.TouchableOpacity>
+          </react_native_1.View>
+        </react_native_1.View>
+      </react_native_1.Modal>
+    </react_native_1.View>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: { marginRight: 10 },
+    button: {
+        borderWidth: 2,
+        borderColor: lib_1.colors.light,
+    },
+    text: {
+        color: "#FFFFFF",
+        fontSize: 16,
+        fontWeight: "bold",
+    },
+    modalContainer: {
+        flex: 1,
+        justifyContent: "center",
+        alignItems: "center",
+        backgroundColor: "rgba(0, 0, 0, 0.5)",
+    },
+    modalContent: {
+        width: 300,
+        padding: 20,
+        backgroundColor: "#fff",
+        borderRadius: 10,
+        alignItems: "center",
+    },
+    modalTitle: {
+        fontSize: 18,
+        fontWeight: "bold",
+        marginBottom: 20,
+    },
+    modalButton: {
+        padding: 10,
+        backgroundColor: lib_1.colors.light,
+        borderRadius: 5,
+        marginVertical: 5,
+        width: "100%",
+        alignItems: "center",
+    },
+    modalButtonText: {
+        color: "#000",
+        fontSize: 16,
+    },
+    modalCloseButton: {
+        marginTop: 10,
+        padding: 10,
+        backgroundColor: "#ccc",
+        borderRadius: 5,
+        width: "100%",
+        alignItems: "center",
+    },
+    modalCloseButtonText: {
+        color: "#000",
+        fontSize: 16,
+    },
+});
+exports.default = TransBtn;