/*@jsxRuntime automatic @jsxImportSource react*/
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function _createMdxContent(props) {
  const _components = Object.assign({
    p: "p",
    strong: "strong",
    em: "em",
    code: "code"
  }, _provideComponents(), props.components), {DefinitionList} = _components;
  if (!DefinitionList) _missingMdxReference("DefinitionList", false);
  if (!DefinitionList.Details) _missingMdxReference("DefinitionList.Details", true);
  if (!DefinitionList.Item) _missingMdxReference("DefinitionList.Item", true);
  if (!DefinitionList.Root) _missingMdxReference("DefinitionList.Root", true);
  if (!DefinitionList.Term) _missingMdxReference("DefinitionList.Term", true);
  return _jsxs(_Fragment, {
    children: [_jsx(_components.p, {
      children: "Not a definition item."
    }), "\n", _jsx(DefinitionList.Root, {
      children: _jsxs(DefinitionList.Item, {
        children: [_jsx(DefinitionList.Term, {
          children: "Term 1"
        }), _jsx(DefinitionList.Details, {
          children: "Definition 1"
        })]
      })
    }), "\n", _jsx(_components.p, {
      children: "Not a definition item."
    }), "\n", _jsxs(DefinitionList.Root, {
      children: [_jsxs(DefinitionList.Item, {
        children: [_jsx(DefinitionList.Term, {
          children: "Term 2"
        }), _jsx(DefinitionList.Details, {
          children: "Definition 2"
        })]
      }), _jsxs(DefinitionList.Item, {
        children: [_jsx(DefinitionList.Term, {
          children: _jsx(_components.strong, {
            children: "Term 3"
          })
        }), _jsxs(DefinitionList.Details, {
          children: [_jsx(_components.em, {
            children: "Definition"
          }), " 3"]
        })]
      }), _jsxs(DefinitionList.Item, {
        children: [_jsx(DefinitionList.Term, {
          children: _jsx(_components.strong, {
            children: "Term 4"
          })
        }), _jsx(DefinitionList.Details, {
          children: "Definition 4"
        })]
      }), _jsxs(DefinitionList.Item, {
        children: [_jsx(DefinitionList.Term, {
          children: "Term 5"
        }), _jsx(DefinitionList.Details, {
          children: _jsx(_components.code, {
            children: "Definition 5"
          })
        })]
      }), _jsxs(DefinitionList.Item, {
        children: [_jsx(DefinitionList.Term, {
          children: "Term 6"
        }), _jsxs(DefinitionList.Details, {
          children: ["Definition ", _jsx(_components.code, {
            children: "6"
          })]
        })]
      }), _jsxs(DefinitionList.Item, {
        children: [_jsxs(DefinitionList.Term, {
          children: ["Term ", _jsx(_components.code, {
            children: "7"
          })]
        }), _jsx(DefinitionList.Details, {
          children: "Definition 7"
        })]
      })]
    }), "\n", _jsx(_components.p, {
      children: ": Not a definition item."
    }), "\n", _jsx(_components.p, {
      children: "Not a term\n:"
    })]
  });
}
function MDXContent(props = {}) {
  const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components);
  return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, {
    children: _jsx(_createMdxContent, props)
  })) : _createMdxContent(props);
}
return {
  default: MDXContent
};
function _missingMdxReference(id, component) {
  throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it.");
}


Demo

Accordion

Checklist

Code Block

Definition List

Punctuation

Replacements

Share Images

Table

Tabs

Docs

Punctionation