import { jsx } from 'react/jsx-runtime';
import React__default from 'react';
import { cn } from '../../../utils/cn.js';
import { useSidebarContext } from './SidebarContext.js';

const SidebarFooter = React__default.forwardRef(({ children, className, ...props }, ref) => {
    const sidebarContext = useSidebarContext();
    const collapsed = (sidebarContext === null || sidebarContext === void 0 ? void 0 : sidebarContext.collapsed) || false;
    const isMobile = (sidebarContext === null || sidebarContext === void 0 ? void 0 : sidebarContext.isMobile) || false;
    const isCollapsedView = collapsed && !isMobile;
    return (jsx("div", { ref: ref, className: cn("flex-shrink-0 border-t border-[var(--color-border)] transition-all duration-200", isCollapsedView ? "p-2 flex justify-center" : "p-4", className), ...props, children: children }));
});
SidebarFooter.displayName = "SidebarFooter";

export { SidebarFooter };
