import { useState } from "react";
import { sampleCard1, sampleCard2, sampleCard3 } from "../sampleData.ts";
import { Card } from "./Card.tsx";

export const App = () => {
	const [count, setCount] = useState(0);
	return <div>
		<Card key={`1-${count}`} card={sampleCard1}/>
		<Card key={`2-${count}`} card={sampleCard2}/>
		<Card key={`3-${count}`} card={sampleCard3}/>
		<button onClick={() => {setCount(c => c+1)}}>Rerender (for fonts)</button>
	</div>;
};