summaryrefslogtreecommitdiff
path: root/docs/src/components/codes/Footnote.jsx
blob: c9396a30cd727fb12cd62ca8f15e299cc6857c42 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/*
 * Copyright (c) 2020 The ZMK Contributors
 *
 * SPDX-License-Identifier: CC-BY-NC-SA-4.0
 */

import React from "react";
import PropTypes from "prop-types";

export default function Footnote({ children, symbol, id }) {
  return (
    <div className="footnote" id={id}>
      <div className="symbol">{symbol}</div>
      <div className="content">{children}</div>
    </div>
  );
}

Footnote.propTypes = {
  children: PropTypes.element.isRequired,
  symbol: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
  id: PropTypes.string.isRequired,
};