import SwiftUI

struct BasicTabs: View {
    @State private var selectedTab = 0

    var body: some View {
        VStack {
            Picker("Options", selection: $selectedTab) {
                Label("My Account", systemImage: "person.circle")
                    .tag(0)
                Label("Company", systemImage: "cart")
                    .tag(1)
                Label("Team", systemImage: "person.3")
                    .tag(2)
            }
            .pickerStyle(SegmentedPickerStyle())
            .padding()

            Spacer()

            // Show different views based on the selected tab
            if selectedTab == 0 {
                MyAccountView()
            } else if selectedTab == 1 {
                CompanyView()
            } else if selectedTab == 2 {
                TeamView()
            }

            Spacer()
        }
    }
}

struct MyAccountView: View {
    var body: some View {
        Text("My Account Page")
            .font(.largeTitle)
    }
}

struct CompanyView: View {
    var body: some View {
        Text("Company Page")
            .font(.largeTitle)
    }
}

struct TeamView: View {
    var body: some View {
        Text("Team Page")
            .font(.largeTitle)
    }
}


#Preview {
    BasicTabs()
}