import { Note } from "./Note.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles } from "@material-ui/core";
//#region src/UI/dataDisplay/notes/Notes.jsx
const useStyles = makeStyles((theme) => ({ root: {
	display: "flex",
	flexDirection: "column",
	alignContent: "space-around"
} }));
/**
* @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<Theme, {}, string>>}
*/
const Notes = (t0) => {
	const $ = c(7);
	const { data, key, handleClick } = t0;
	const classes = useStyles();
	let t1;
	if ($[0] !== data || $[1] !== handleClick || $[2] !== key) {
		t1 = data && data.map((item) => /* @__PURE__ */ React.createElement("div", {
			style: { marginBottom: 20 },
			key
		}, /* @__PURE__ */ React.createElement(Note, {
			author: item.author,
			date: item.date.toString(),
			onClick: () => handleClick(item.id)
		}, item.note)));
		$[0] = data;
		$[1] = handleClick;
		$[2] = key;
		$[3] = t1;
	} else t1 = $[3];
	let t2;
	if ($[4] !== classes.root || $[5] !== t1) {
		t2 = /* @__PURE__ */ React.createElement("div", { className: classes.root }, t1);
		$[4] = classes.root;
		$[5] = t1;
		$[6] = t2;
	} else t2 = $[6];
	return t2;
};
//#endregion
export { Notes, useStyles };

//# sourceMappingURL=Notes.mjs.map