54 lines
1.4 KiB
Swift
54 lines
1.4 KiB
Swift
|
//
|
||
|
|
// LanguageDirectionView.swift
|
||
|
|
// Toki Trainer
|
||
|
|
//
|
||
|
|
// Created by maddiefuzz on 10/8/22.
|
||
|
|
//
|
||
|
|
|
||
|
|
import SwiftUI
|
||
|
|
|
||
|
|
struct LanguageDirectionView: View {
|
||
|
|
private var fromText: String = ""
|
||
|
|
private var toText: String = ""
|
||
|
|
private var fromColor: Color = .black
|
||
|
|
private var toColor: Color = .black
|
||
|
|
|
||
|
|
init(from: String, to: String, fromColor: Color, toColor: Color) {
|
||
|
|
self.fromText = from
|
||
|
|
self.toText = to
|
||
|
|
self.fromColor = fromColor
|
||
|
|
self.toColor = toColor
|
||
|
|
}
|
||
|
|
|
||
|
|
var body: some View {
|
||
|
|
HStack {
|
||
|
|
Text(fromText)
|
||
|
|
.bold()
|
||
|
|
.multilineTextAlignment(.center)
|
||
|
|
.foregroundColor(.white)
|
||
|
|
.frame(width: 100)
|
||
|
|
.background(fromColor)
|
||
|
|
.border(fromColor)
|
||
|
|
.cornerRadius(5)
|
||
|
|
Image(systemName: "chevron.right")
|
||
|
|
Text(toText)
|
||
|
|
.bold()
|
||
|
|
.multilineTextAlignment(.center)
|
||
|
|
.foregroundColor(.white)
|
||
|
|
.frame(width: 100)
|
||
|
|
.background(toColor)
|
||
|
|
.border(toColor)
|
||
|
|
.cornerRadius(5)
|
||
|
|
}
|
||
|
|
.padding(.top, 4)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
struct LanguageDirectionView_Previews: PreviewProvider {
|
||
|
|
|
||
|
|
static var previews: some View {
|
||
|
|
LanguageDirectionView(from: "English", to: "Toki Pona", fromColor: .blue, toColor: .cyan)
|
||
|
|
.previewLayout(.fixed(width: 260, height: 40))
|
||
|
|
}
|
||
|
|
}
|