import { Colors } from "@/constants/colors";
import { Stack } from "expo-router";

export default function ExploreLayout() {
  return (
    <Stack
      screenOptions={{
        headerStyle: { backgroundColor: Colors.background },
        headerTintColor: Colors.text,
        headerTitleStyle: {
          fontSize: 17,
          fontWeight: "600",
        },
      }}
    >
      <Stack.Screen
        name="index"
        options={{
          title: "Durchsuchen",
          headerLargeTitle: true,
          headerLargeTitleStyle: {
            color: Colors.text,
            fontSize: 28,
          },
          headerSearchBarOptions: {
            placeholder: "Wonach suchst du?",
            hideWhenScrolling: false,
            autoCapitalize: "none",
          },
        }}
      />
    </Stack>
  );
}
