import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
import mascotte from "./img/homegrade_mascotte.svg";

export default function save({ attributes }) {
	const { name, position } = attributes;
	return (
		<li
			{...useBlockProps.save({
				className: `homegrade-blocks-staff-member`,
			})}
		>
			<div className="homegrade-blocks-staff-member__member-icon">
				<img src={mascotte} alt="" />
			</div>
			<div className="homegrade-blocks-staff-member__member-informations">
				<RichText.Content
					tagName="h4"
					value={name}
					className="homegrade-blocks-staff-member__name"
				/>
				<RichText.Content
					tagName="p"
					value={position}
					className="homegrade-blocks-staff-member__position"
				/>
			</div>
		</li>
	);
}
