import React from "react";
import { MetadataItem } from "components/Descriptive/MetadataItem";
import { ViewerNote } from "./Note.styled";
import { Label } from "components/Descriptive/Label";
export const Note = ({ data }) => {
    return (React.createElement(ViewerNote, null,
        React.createElement("div", { className: "yith-note-header" },
            React.createElement(Label, { label: data.manifest.label, el: "strong" }),
            React.createElement(Label, { label: data.canvas.label })),
        data.annotation && (React.createElement("div", { className: "yith-note-body" }, data.annotation)),
        React.createElement("dl", { className: "yith-note-footer" },
            React.createElement(MetadataItem, { item: data.manifest.requiredStatement }))));
};
//# sourceMappingURL=Note.js.map