import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { dialogFooter } from "./styles.js";
/**
 * The `DialogFooter` is a simple `<footer>` with simple `display: flex` styles
 * applied. Look at the `Dialog` or `FixedDialog` components for example usage.
 *
 * @see {@link https://react-md.dev/components/dialog | Dialog Demos}
 */ export const DialogFooter = /*#__PURE__*/ forwardRef(function DialogFooter(props, ref) {
    const { children, className, align = "end", ...remaining } = props;
    return /*#__PURE__*/ _jsx("footer", {
        ...remaining,
        ref: ref,
        className: dialogFooter({
            align,
            className
        }),
        children: children
    });
});

//# sourceMappingURL=DialogFooter.js.map