
import { useRouter } from "expo-router";
import { Platform, View } from "react-native";
import AppButton from "./src/components/ui/AppButton";
import AppScreen from "./src/components/ui/AppScreen";
import AppText from "./src/components/ui/AppText";
import Logo from "./src/components/ui/webLogo";
import { styles } from "./src/styles/basic";
import { typography } from "./src/theme/typography";

export default function Home() {
  const router = useRouter();
  const logoSize = Platform.OS === "web" ? 800 : 400;

  return (
    <AppScreen>
      <View style={styles.centerWrapper}>
        <Logo size={logoSize} />
        <AppText style={typography.subtitle}>
          Professional bar management system
        </AppText>
      </View>

      <AppButton title="Tables" onPress={() => router.push("/tables")} />
      <AppButton title="Orders" onPress={() => router.push("/orders")} />
      <AppButton title="Payments" onPress={() => router.push("/payments")} />
      <AppButton title="Inventory" onPress={() => router.push("/inventory")} />
    </AppScreen>
  );
}
