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.
31 lines
700 B
31 lines
700 B
4 years ago
|
/*
|
||
|
|
* Copyright (c) 2020 The ZMK Contributors
|
||
|
|
*
|
||
|
|
* SPDX-License-Identifier: CC-BY-NC-SA-4.0
|
||
|
|
*/
|
||
|
|
|
||
|
|
import React from "react";
|
||
|
|
import PropTypes from "prop-types";
|
||
|
|
import Footnote from "./Footnote";
|
||
|
|
|
||
|
|
export default function Footnotes({ footnotes = [], id }) {
|
||
|
|
return (
|
||
|
|
<div className="footnotes">
|
||
|
|
<a id={id} className="anchor" />
|
||
|
|
<div className="label">Notes</div>
|
||
|
|
<div className="notes">
|
||
|
|
{footnotes.map((footnote) => (
|
||
|
|
<Footnote key={footnote.id} {...footnote}>
|
||
|
|
{footnote.value}
|
||
|
|
</Footnote>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Footnotes.propTypes = {
|
||
|
|
footnotes: PropTypes.array.isRequired,
|
||
|
|
id: PropTypes.string.isRequired,
|
||
|
|
};
|