SwiftUI: セグメントコントロールにアイコンとテキストを入れたい件

struct CustomSegmentedPicker: View {
    typealias CellInfo = (imageSystemName: String, labelText: String)
    var cells: [CellInfo]
    var cellSize: CGSize = CGSizeMake(80, 32)
    var stackAxis: Axis = .horizontal
    var cellButtonCornerRadius: CGFloat = 8
    var verticalPadding: CGFloat = 3
    @Binding var selection: Int
    
    var body: some View {
        ZStack {
            RoundedRectangle(cornerRadius: cellButtonCornerRadius)
                .fill(.white)
                .frame(width: cellSize.width, height: cellSize.height)
                .offset(x: (CGFloat(selection) - CGFloat(cells.count)/2 + 0.5) * cellSize.width, y: 0)
            HStack(spacing: 0){
                ForEach(cells.indices, id: \.self) { cellIndex in
                    let cellInfo = cells[cellIndex]
                    CellButton(cellInfo: cellInfo)
                    .frame(width: cellSize.width, height: cellSize.height)
                    .clipShape(RoundedRectangle(cornerRadius: cellButtonCornerRadius))
                    .onTapGesture {
                        withAnimation {
                            self.selection = cellIndex
                        }
                    }
                    if cellIndex != cells.index(before: cells.endIndex) {
                        Divider()
                            .frame(height: cellSize.height * 0.8)
                    }

                }
            }
            .padding(3)
            .background(.black.opacity(0.05))
            .clipShape(RoundedRectangle(cornerRadius: cellButtonCornerRadius))
        }
    }
    
    @ViewBuilder
    func CellButton(cellInfo: CellInfo) -> some View {
        if stackAxis == .horizontal {
            HStack {
                Image(systemName: cellInfo.imageSystemName)
                Text(cellInfo.labelText)
                    .font(.footnote)
            }
        }
        else {
            VStack(spacing: verticalPadding) {
                Image(systemName: cellInfo.imageSystemName)
                    .font(.title2)
                    .fontWeight(.light)
                Text(cellInfo.labelText)
                    .font(.caption2)
            }
        }
    }
}

struct MySegmentCellView: View {
    var body: some View {
        HStack {
            Image(systemName: "photo")
            Text("写真")
        }
    }
}

struct ContentView: View {
    @State var tab: Int = 0
    @State var selection: Int = 0
    
    var body: some View {
        TabView(selection: $tab) {
            VStack {
                HStack {
                    Text("標準のコントロール")
                        .padding()
                    Spacer()
                }
                Picker("タイプ", selection: $selection) {
                    MySegmentCellView()
                        .tag(0)
                    HStack {
                        Image(systemName: "camera.filters")
                        Text("効果")
                    }
                    .tag(1)
                    HStack {
                        Image(systemName: "slider.horizontal.3")
                        Text("設定")
                    }
                    .tag(2)
                }
                .pickerStyle(.segmented)
                .dynamicTypeSize(.large)
                
                Divider()
                
                HStack {
                    Text("自前のコントロール")
                        .padding()
                    Spacer()
                }
                CustomSegmentedPicker(cells: [
                    (imageSystemName: "photo", labelText: "写真"),
                    (imageSystemName: "camera.filters", labelText: "効果"),
                    (imageSystemName: "slider.horizontal.3", labelText: "設定")
                ], selection: $selection)
                .dynamicTypeSize(.large)
                Divider()
                
                HStack {
                    Text("縦にする場合")
                        .padding()
                    Spacer()
                }
                CustomSegmentedPicker(cells: [
                    (imageSystemName: "photo", labelText: "写真"),
                    (imageSystemName: "camera.filters", labelText: "効果"),
                    (imageSystemName: "slider.horizontal.3", labelText: "設定")
                ], cellSize: CGSizeMake(80, 48), stackAxis: .vertical, selection: $selection)
                .dynamicTypeSize(.large)
                
                Spacer()
                Text("ちなみに↓TagViewのボタン")
            }
            .padding()
            .background(Color(red: 0.8, green: 0.8, blue: 0.3))
            .tabItem {
                VStack {
                    Image(systemName: "photo")
                    Text("写真")
                }
            }.tag(0)
            Text("効果ビュー")
                .tabItem {
                    VStack {
                        Image(systemName: "camera.filters")
                        Text("効果")
                    }
                }.tag(1)
            Text("設定ビュー")
                .tabItem {
                    VStack {
                        Image(systemName: "slider.horizontal.3")
                        Text("設定")
                    }
                }.tag(2)
        }
    }
}