Bevásárlási és költségvetési kalkulátor

Készíts egy interaktív bevásárlási kalkulátor Artifact-ot 
React-tel. A követelmények:

FUNKCIÓK:
1) Egy beviteli mező a tétel nevének (pl. "Tej")
2) Egy beviteli mező a darabszámnak (pl. 2)
3) Egy beviteli mező az egységárnak Ft-ban (pl. 350)
4) "Hozzáad" gomb
5) Az alábbi tételek megjelennek egy listában 
   (név × darab × ár = részösszeg)
6) Mindegyik tétel mellett egy "Töröl" gomb
7) Az alján: TELJES ÖSSZEG (vastagon, nagyobb betűvel)
8) "Lista törlése" gomb az aljára (ami megerősítést kér)
9) Egy "Megosztás" gomb ami másolja a listát szövegként

DIZÁJN:
- Modern, tiszta megjelenés
- Magyar nyelvű felület
- Lila / mályva accent szín (#7F77DD)
- Mobilbarát (responsive)
- Tételek lila pasztell háttérrel
- Az összeg jobbra igazítva, vastagon

EXTRA:
- Ha 30 000 Ft fölé megy az összeg, az 
  összeg piros legyen ("túl drága" jelzés)
- A főösszeg fölött mutassa a tételek számát
- Üres lista esetén egy barátságos üzenet 
  ("Még nincs egy tétel sem a listán")