import { useRouter } from "expo-router";
import type { ReactNode } from "react";
import { Pressable, View } from "react-native";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import type { Product } from "@sheikbras/domain";
import { Icon, ProductCard, T, colors } from "@sheikbras/ui-native";
import { useStore } from "../lib/store";
export function Screen({ children, edges = ["top"] }: { children: ReactNode; edges?: ("top" | "bottom")[] }) {
const i = useSafeAreaInsets();
return {children};
}
export function TopBar({ title, right }: { title: string; right?: ReactNode }) {
const r = useRouter();
return (
r.back()} hitSlop={8} style={{ width: 44, height: 44, alignItems: "center", justifyContent: "center" }}>
{title}{right}
);
}
export function Toast() {
const { toast } = useStore(); const i = useSafeAreaInsets();
if (!toast) return null;
return {toast};
}
/** Card ligado ao estado do app. */
export function Card({ p, width }: { p: Product; width?: number | string }) {
const r = useRouter(); const { favs, toggleFav, notify } = useStore();
return r.push(`/p/${p.id}`)} favorite={favs.includes(p.id)} onFavorite={(on) => { toggleFav(p.id, on); notify(on ? "Salvo nos favoritos" : "Removido dos favoritos"); }} />;
}
export const SectionTitle = ({ children, action, onAction }: { children: string; action?: string; onAction?: () => void }) => (
{children}{action ? {action} : null}
);