index.js•942 B
import React from "react";
import clsx from "clsx";
import { translate } from "@docusaurus/Translate";
import IconArrow from "@theme/Icon/Arrow";
import styles from "./styles.module.css";
export default function CollapseButton({ onClick }) {
return (
<button
type="button"
title={translate({
id: "theme.docs.sidebar.collapseButtonTitle",
message: "Collapse sidebar",
description: "The title attribute for collapse button of doc sidebar",
})}
aria-label={translate({
id: "theme.docs.sidebar.collapseButtonAriaLabel",
message: "Collapse sidebar",
description: "The title attribute for collapse button of doc sidebar",
})}
className={clsx(
"button button--secondary button--outline",
styles.collapseSidebarButton,
)}
onClick={onClick}
>
<IconArrow className={styles.collapseSidebarButtonIcon} />
</button>
);
}