import { jsxs, jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { cn } from '../../../utils/cn.js';
import { ArrowLeftIcon } from '@heroicons/react/20/solid';
import { Button } from '../Button/Button.js';

const PageHeadingBackButton = React__default.forwardRef(({ label = "Back", onClick, className, ...props }, ref) => {
    return (jsxs(Button, { ref: ref, variant: "link", color: "neutral", size: "sm", onClick: onClick, className: cn("mb-2 w-fit", className), ...props, children: [jsx(ArrowLeftIcon, { className: "size-4" }), typeof label === 'string'
                ? jsx("span", { children: label })
                : label] }));
});
PageHeadingBackButton.displayName = "PageHeadingBackButton";

export { PageHeadingBackButton };
