/*@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({
    div: "div",
    h2: "h2",
    p: "p",
    ul: "ul",
    li: "li"
  }, _provideComponents(), props.components), {PermanentLink, Code, Small, QuickNav, Accordion} = _components;
  if (!Accordion) _missingMdxReference("Accordion", false);
  if (!Accordion.Content) _missingMdxReference("Accordion.Content", true);
  if (!Accordion.Header) _missingMdxReference("Accordion.Header", true);
  if (!Accordion.Item) _missingMdxReference("Accordion.Item", true);
  if (!Accordion.Root) _missingMdxReference("Accordion.Root", true);
  if (!Code) _missingMdxReference("Code", true);
  if (!PermanentLink) _missingMdxReference("PermanentLink", true);
  if (!QuickNav) _missingMdxReference("QuickNav", false);
  if (!QuickNav.Heading) _missingMdxReference("QuickNav.Heading", true);
  if (!QuickNav.Item) _missingMdxReference("QuickNav.Item", true);
  if (!QuickNav.Link) _missingMdxReference("QuickNav.Link", true);
  if (!QuickNav.List) _missingMdxReference("QuickNav.List", true);
  if (!QuickNav.Root) _missingMdxReference("QuickNav.Root", true);
  if (!Small) _missingMdxReference("Small", true);
  return _jsxs(_Fragment, {
    children: [_jsxs(QuickNav.Root, {
      children: [_jsx(QuickNav.Heading, {}), _jsx(QuickNav.List, {
        children: _jsx(QuickNav.Item, {
          children: _jsx(QuickNav.Link, {
            href: "/demo/accordion/accordion-syntax-stress-test",
            children: "Accordion syntax stress test"
          })
        })
      })]
    }), _jsxs(_components.div, {
      tabIndex: "-1",
      "data-section-slug": "/demo/accordion/accordion-syntax-stress-test",
      children: [_jsx(PermanentLink, {
        label: "Section titled Accordion syntax stress test",
        hidden: true,
        href: "/demo/accordion/accordion-syntax-stress-test",
        children: _jsx(_components.h2, {
          id: "/demo/accordion/accordion-syntax-stress-test",
          children: "Accordion syntax stress test"
        })
      }), "\n", _jsx(_components.p, {
        children: "Adjacent lists shouldn’t be mangled."
      }), "\n", _jsxs(Accordion.Root, {
        children: [_jsxs(Accordion.Item, {
          value: "1",
          children: [_jsx(Accordion.Header, {
            as: "h3",
            children: "One?"
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Two."
            })
          })]
        }), _jsxs(Accordion.Item, {
          value: "2",
          children: [_jsx(Accordion.Header, {
            as: "h3",
            children: "Three?"
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Four."
            })
          })]
        }), _jsxs(Accordion.Item, {
          value: "3",
          children: [_jsx(Accordion.Header, {
            as: "h3",
            children: "Five?"
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Six."
            })
          })]
        }), _jsxs(Accordion.Item, {
          value: "4",
          children: [_jsx(Accordion.Header, {
            as: "h3",
            children: "Seven?"
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Eight."
            })
          })]
        })]
      }), "\n", _jsxs(_components.ul, {
        children: ["\n", _jsx(_components.li, {
          children: "Nine"
        }), "\n", _jsx(_components.li, {
          children: "Ten"
        }), "\n", _jsx(_components.li, {
          children: "Eleven"
        }), "\n", _jsx(_components.li, {
          children: "Twelve"
        }), "\n"]
      }), "\n", _jsxs(Accordion.Root, {
        children: [_jsxs(Accordion.Item, {
          value: "1",
          children: [_jsxs(Accordion.Header, {
            as: "h3",
            children: [_jsx(Code, {
              variant: "ghost",
              children: "dsync.deactivated"
            }), " ", _jsx(Small, {
              children: "A Directory Sync connection is activated."
            })]
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Accordion content goes here."
            })
          })]
        }), _jsxs(Accordion.Item, {
          value: "2",
          children: [_jsxs(Accordion.Header, {
            as: "h3",
            children: [_jsx(Code, {
              variant: "ghost",
              children: "dsync.activated"
            }), " ", _jsx(Small, {
              children: "A Directory Sync connection is activated."
            })]
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Accordion content goes here."
            })
          })]
        }), _jsxs(Accordion.Item, {
          value: "3",
          children: [_jsxs(Accordion.Header, {
            as: "h3",
            children: [_jsx(Code, {
              variant: "ghost",
              children: "dsync.deactivated"
            }), " ", _jsx(Small, {
              children: "A Directory Sync connection is deactivated."
            })]
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Accordion content goes here."
            })
          })]
        }), _jsxs(Accordion.Item, {
          value: "4",
          children: [_jsxs(Accordion.Header, {
            as: "h3",
            children: [_jsx(Code, {
              variant: "ghost",
              children: "dsync.deleted"
            }), " ", _jsx(Small, {
              children: "A Directory Sync connection is deleted."
            })]
          }), _jsx(Accordion.Content, {
            children: _jsx(_components.p, {
              children: "Accordion content goes here."
            })
          })]
        })]
      }), "\n", _jsxs(_components.ul, {
        children: ["\n", _jsx(_components.li, {
          children: "One"
        }), "\n", _jsx(_components.li, {
          children: "Two"
        }), "\n", _jsx(_components.li, {
          children: "Four"
        }), "\n", _jsx(_components.li, {
          children: "Three"
        }), "\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

Accordion

Accordion syntax stress test

One?

Three?

Five?

Seven?

dsync.deactivated A Directory Sync connection is activated.

dsync.activated A Directory Sync connection is activated.

dsync.deactivated A Directory Sync connection is deactivated.

dsync.deleted A Directory Sync connection is deleted.