--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/LazyBear/Views/Home/Helpers/StockItem.swift	Sun Jun 13 19:40:42 2021 +0200
@@ -0,0 +1,71 @@
+//
+//  StockItem.swift
+//  LazyBear
+//
+//  Created by Dennis Concepción Martín on 13/6/21.
+//
+
+import SwiftUI
+import StockCharts
+
+struct StockItem: View {
+    var symbol: String
+    var company: QuoteModel
+    var intradayPrices: [Double]?
+    
+    var body: some View {
+        RoundedRectangle(cornerRadius: 20)
+            .foregroundColor(Color(.secondarySystemBackground))
+            .aspectRatio(0.8, contentMode: .fit)
+            .clipShape(RoundedRectangle(cornerRadius: 20))
+            .overlay(
+                VStack(alignment: .leading) {
+                    Group {
+                        Text(symbol.uppercased())
+                            .fontWeight(.semibold)
+                            .padding(.top)
+                        
+                        Text(company.companyName.capitalized)
+                            .font(.callout)
+                            .fontWeight(.semibold)
+                            .opacity(0.6)
+                            .lineLimit(1)
+                        
+                        if let latestPrice = company.latestPrice, let changePercent = company.changePercent {
+                            VStack(alignment: .leading) {
+                                Text("\(latestPrice, specifier: "%.2f")")
+                                    .foregroundColor(changePercent < 0 ? .red: .green)
+                                    .fontWeight(.semibold)
+
+                                Text("\(changePercent * 100, specifier: "%.2f")%")
+                                    .foregroundColor(changePercent < 0 ? .red: .green)
+                                    .font(.callout)
+                                    .fontWeight(.semibold)
+                            }
+                            .padding(.top)
+                        }
+                    }
+                    .padding(.horizontal)
+                    
+                    Spacer()
+                     
+                    if let prices = intradayPrices {
+                        LineChartView(data: prices, dates: nil, hours: nil, dragGesture: false)
+                            .padding(.vertical)
+                            .clipShape(RoundedRectangle(cornerRadius: 20))
+                    }
+                        
+                }
+                ,alignment: .leading
+            )
+    }
+}
+
+struct StockItem_Previews: PreviewProvider {
+    static var previews: some View {
+        StockItem(
+            symbol: "aapl",
+            company: QuoteModel(changePercent: 0.03, companyName: "Apple Inc", latestPrice: 120.3)
+        )
+    }
+}