alic-xc

import React from "react";

import "./App.css";

function App() {
  const [isLoading, setIsLoading] = React.useState(false);
  const [isConnected, setIsConnected] = React.useState(false);
  const [batteryLevel, setBatteryLevel] = React.useState(0);
  const btnText = isLoading
    ? "Loading..."

alic-xc

import AuthBackground from "./components/AuthBackground";
import Button from "./components/Button";
import FormInput from "./components/FormInput";

export { AuthBackground, Button, FormInput };

alic-xc

npx react-native-builder-bob init

alic-xc

npm install react-native-builder-bob

alic-xc

....

const getStories = () => {
  return {
    "./src/stories/Button.stories.tsx": require("../src/stories/Button.stories.tsx"),
    "./src/stories/AuthBackground.stories.tsx": require("../src/stories/AuthBackground.stories"),
    "./src/stories/TextField.stories.tsx": require("../src/stories/FormInput.stories"),
  };
};

alic-xc

import { ComponentMeta, ComponentStoryObj } from "@storybook/react-native";
import FormInput from "../components/FormInput";

const meta: ComponentMeta<typeof FormInput> = {
  title: "Form/FormInput",
  component: FormInput,
};
export default meta;

type Story = ComponentStoryObj<typeof FormInput>;

alic-xc

import { View, Text, StyleSheet, TextInput } from "react-native";
import React from "react";

interface FormInputProps {
  placeholder?: string;
  title: string;
}

const FormInput = (props: FormInputProps) => {
  const [value, setValue] = React.useState<string>("");

alic-xc

import Button from "../components/Button";
import type { Meta, StoryObj } from "@storybook/react-native";

const meta: Meta<typeof Button> = {
  title: "General/Button",
  component: Button,
};

export default meta;

alic-xc

import { Text, StyleSheet, TouchableOpacity } from "react-native";
import React from "react";

interface ButtonProps {
  title: string;
}

const Button = (props: ButtonProps) => {
  return (
    <TouchableOpacity style={style.buttonContainer}>

alic-xc

import AuthBackground from "../components/AuthBackground";
import type { Meta, StoryObj } from "@storybook/react-native";

const meta: Meta<typeof AuthBackground> = {
  title: "Auth Background",
  component: AuthBackground,
};

export default meta;