You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
821 B
32 lines
821 B
import ExpenseItem from "./ExpenseItem"; |
|
import Card from "../UI/Card"; |
|
import "./Expenses.css"; |
|
|
|
function Expenses(props) { |
|
return ( |
|
<Card className="expenses"> |
|
<ExpenseItem |
|
title={props.items[0].title} |
|
amount={props.items[0].amount} |
|
date={props.items[0].date} |
|
></ExpenseItem> |
|
<ExpenseItem |
|
title={props.items[1].title} |
|
amount={props.items[1].amount} |
|
date={props.items[1].date} |
|
></ExpenseItem> |
|
<ExpenseItem |
|
title={props.items[2].title} |
|
amount={props.items[2].amount} |
|
date={props.items[2].date} |
|
></ExpenseItem> |
|
<ExpenseItem |
|
title={props.items[3].title} |
|
amount={props.items[3].amount} |
|
date={props.items[3].date} |
|
></ExpenseItem> |
|
</Card> |
|
); |
|
} |
|
|
|
export default Expenses;
|
|
|