@lobehub/ui/es/chat/ChatInputArea/components/ChatInputActionBar.mjs

Lobe UI is an open-source UI component library for building AIGC web apps

'use client';

import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
import { actionBarStyles } from "../style.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
import { useResponsive } from "antd-style";

//#region src/chat/ChatInputArea/components/ChatInputActionBar.tsx
const ChatInputActionBar = ({ ref, padding = "0 16px", leftAddons, rightAddons, ...rest }) => {
	const { mobile } = useResponsive();
	return /* @__PURE__ */ jsxs(FlexBasic_default, {
		align: "center",
		className: actionBarStyles.root,
		flex: "none",
		horizontal: true,
		justify: "space-between",
		padding,
		ref,
		...rest,
		children: [/* @__PURE__ */ jsx(FlexBasic_default, {
			align: "center",
			className: actionBarStyles.left,
			flex: 1,
			gap: mobile ? 0 : 4,
			horizontal: true,
			children: leftAddons
		}), /* @__PURE__ */ jsx(FlexBasic_default, {
			align: "center",
			className: actionBarStyles.right,
			flex: 0,
			gap: mobile ? 0 : 4,
			horizontal: true,
			justify: "flex-end",
			children: rightAddons
		})]
	});
};
ChatInputActionBar.displayName = "ChatInputActionBar";
var ChatInputActionBar_default = ChatInputActionBar;

//#endregion
export { ChatInputActionBar_default as default };
//# sourceMappingURL=ChatInputActionBar.mjs.map