got something basic displayed from a component

Author: syntapy

app/src/App.tsx

@@ -1,11 +1,13 @@
 import { useState } from 'react'
 import './App.css'
+import ProductRow from "./components/ProductRow/index"
 
 function App() {
   const [count, setCount] = useState(0)
 
   return (
     <>
+        <ProductRow item="rat food" price={6} />
     </>
   )
 }

app/src/components/ProductRow/ProductRow.tsx

@@ -0,0 +1,13 @@
+interface Props {
+    item: string
+    price: number
+}
+
+export default function ProductRow(props: Props) {
+    return (
+        <div>
+            <span>{props.item}</span>
+            <span>${props.price}</span>
+        </div>
+    )
+}

app/src/components/ProductRow/index.ts

@@ -0,0 +1 @@
+export { default } from "./ProductRow.tsx"