import { jsx } from "react/jsx-runtime";
import { IconLayoutLeft } from "../../../icons/index.mjs";
/* empty css                                                                                                                                                                                          */
/* empty css                                                                                                                                                                                           */
/* empty css                                                                                                                                                                                                   */
/* empty css                                                                                                                                                                                              */
/* empty css                                                                                                                                                                                              */
import { Button } from "../../../primitive/Button/index.mjs";
const ExpandNavbarButton = ({ logo, onClick }) => /* @__PURE__ */ jsx(
  Button,
  {
    className: "tiui-app-shell-navbar-expand-button",
    variant: "default",
    size: "sm",
    leftSection: logo,
    onClick,
    style: {
      "--button-justify": "space-between"
    },
    styles: {
      root: {
        position: "absolute",
        top: 16,
        left: 24,
        zIndex: 15,
        width: 64,
        paddingLeft: 8,
        paddingRight: 8
      },
      section: {
        "&[data-position=left]": {
          marginRight: 0,
          width: 20,
          height: 20
        }
      }
    },
    "aria-label": "Expand navbar",
    children: /* @__PURE__ */ jsx(IconLayoutLeft, { size: 20 })
  }
);
export {
  ExpandNavbarButton
};
