struct CustomPageView: View {
    @State private var selectedPage = 0
    let pages = ["Page 1", "Page 2", "Page 3"]
    
    var body: some View {
        VStack {
            TabView(selection: $selectedPage) {
                ForEach(0..<pages.count, id: \.self) { index in
                    Text(pages[index])
                        .frame(maxWidth: .infinity, maxHeight: .infinity)
                        .background(Color.blue.opacity(0.1))
                        .tag(index)
                }
            }
            .tabViewStyle(.page(indexDisplayMode: .never))
            
            CustomPageIndicator(pageCount: pages.count, currentPage: selectedPage)
        }
    }
}

struct CustomPageIndicator: View {
    let pageCount: Int
    let currentPage: Int
    
    var body: some View {
        HStack(spacing: 8) {
            ForEach(0..<pageCount, id: \.self) { index in
                Circle()
                    .fill(index == currentPage ? Color.primary : Color.secondary)
                    .frame(width: index == currentPage ? 12 : 8, height: index == currentPage ? 12 : 8)
                    .animation(.spring(response: 0.3), value: currentPage)
            }
        }
        .padding()
    }
}