barefeettom

ProductCell(product: product)

barefeettom

ProductCell(product: .spaceShuttle)
    .previewLayout(.sizeThatFits)

barefeettom

extension ProductCell {
    init(product: Product) {
        self.init(
            image: Image(product.imageName),
            text: Text(product.name),
            detailText: Text(product.description),
            tertiaryText: Text(String(describing: product.price))
        )
    }
}

barefeettom

extension Product {
    
    static let sydney: Self = .init(
        id: 1,
        name: "Sydney Opera House & Harbour Bridge",
        description: "Capture the architectural essence and splendor of Sydney with this magnificent set that brings together the iconic Sydney Opera House™, Sydney Harbour Bridge, Sydney Tower and Deutsche Bank Place, in an inspirational skyline setting. Each individual LEGO® structure provides a unique and rewarding building experience with true-to-life color and relative scale depiction. Sydney's sparkling harbor is represented in the tiled baseplate, adding an extra dimension and feel of authenticity to this detailed recreation of one of the world's most glamorous cities.",
        price: 98.0,
        imageName: "sydney"
    )
    

barefeettom

struct Product: Identifiable {
    let id: Int
    let name: String
    let description: String
    let price: Double
    let imageName: String
}

barefeettom

let image: Image
let text: Text
let detailText: Text
let tertiaryText: Text

barefeettom

struct ProductCell: View {
    var body: some View {
        HStack {
            Image(systemName: "photo")
                .resizable(resizingMode: .stretch)
                .aspectRatio(contentMode: .fit)
                .frame(width: 60.0)
            VStack(alignment: .leading) {
                Text("Text")
                    .font(.title2)

barefeettom

extension Article {
    static let mocks: [Self] = [.blockChain, .airBlock]
}

barefeettom

NewsCell(article: .airBlock)
    .previewLayout(.sizeThatFits)

barefeettom

extension NewsCell {
    init(article: Article) {
        self.init(
            image: Image(article.smallImageName),
            text: Text(article.title),
            detailText: Text(article.detail),
            tertiaryText: Text(String(describing: article.date)),
            largeImage: Image(article.largeImageName)
        )
    }