Furigana concept for SwiftUI

ContentView.swift

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack(spacing: 0) {
            FuriganaView(moji: "振", furigana: "ふ")
            FuriganaView(moji: "り")
            FuriganaView(moji: "仮名", furigana: "がな")
        }
    }
}

#Preview {
    ContentView()
}

FuriganaView.swift

struct FuriganaView: View {
    let moji: String
    var furigana: String = " "
    
    var body: some View {
        VStack(alignment: .center, spacing: 0) {
            Text(furigana)
                .kerning(1.5)
                .font(.body)
                .foregroundStyle(.gray)
            Text(moji)
                .font(.title)
        }
    }
}

#Preview {
    FuriganaView(moji: "漢字", furigana: "かんじ")
}