import { NativeTabs } from "apps/mobile/src/components/withLayoutContext"
import React from "react"
export default function TabLayout() {
 return (
 <NativeTabs
 hapticFeedbackEnabled
 translucent
 labeled={false}
 screenOptions={{
 tabBarActiveTintColor: "#008AFF"
 }}
 >
 <NativeTabs.Screen
 name="index"
 options={{
 title: "Home",
 tabBarIcon: () => ({ sfSymbol: "house" })
 }}
 />
 <NativeTabs.Screen
 name="search"
 options={{
 title: "Search",
 tabBarIcon: () => ({ sfSymbol: "magnifyingglass" })
 }}
 />
 <NativeTabs.Screen
 name="profile"
 options={{
 title: "Profile",
 // tabBarIcon: () => ({ sfSymbol: "person.crop.circle.fill" })
 tabBarIcon: () => ({
 uri: "https://file-examples.net/wp-content/uploads/2024/02/SamplePNGImage_200kbmb.png"
 })
 }}
 />
 </NativeTabs>
 )
}

System:
 OS: macOS 26.0.1
 CPU: (14) arm64 Apple M4 Max
 Memory: 160.53 MB / 36.00 GB
 Shell:
 version: "5.9"
 path: /bin/zsh
Binaries:
 Node:
 version: 22.15.0
 path: /Users/alirezahadjar/.nvm/versions/node/v22.15.0/bin/node
 Yarn: Not Found
 npm:
 version: 11.4.1
 path: /Users/alirezahadjar/.nvm/versions/node/v22.15.0/bin/npm
 Watchman: Not Found
Managers:
 CocoaPods:
 version: 1.16.2
 path: /Users/alirezahadjar/.rbenv/shims/pod
SDKs:
 iOS SDK:
 Platforms:
 - DriverKit 25.0
 - iOS 26.0
 - macOS 26.0
 - tvOS 26.0
 - visionOS 26.0
 - watchOS 26.0
 Android SDK: Not Found
IDEs:
 Android Studio: 2025.1 AI-251.25410.109.2511.13752376
 Xcode:
 version: 26.0.1/17A400
 path: /usr/bin/xcodebuild
Languages:
 Java:
 version: 17.0.16
 path: /usr/bin/javac
 Ruby:
 version: 2.6.10
 path: /Users/alirezahadjar/.rbenv/shims/ruby
npmPackages:
 "@react-native-community/cli": Not Found
 react: Not Found
 react-native: Not Found
 react-native-macos: Not Found
npmGlobalPackages:
 "*react-native*": Not Found
Android:
 hermesEnabled: true
 newArchEnabled: true
iOS:
 hermesEnabled: true
 newArchEnabled: true

Let me know if the provided code is not sufficient and I'll create one, cheers.