import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { Box } from "../box/Box.js";
import { cardFooter } from "./styles.js";
/**
 * A simple wrapper around the {@link Box} component that applies additional
 * padding and applies `justify-content: flex-end;` by default.
 *
 * @see {@link https://react-md.dev/components/card | Card Demos}
 * @since 6.0.0
 */ export const CardFooter = /*#__PURE__*/ forwardRef(function CardFooter(props, ref) {
    const { className, children, justify = "flex-end", ...remaining } = props;
    return /*#__PURE__*/ _jsx(Box, {
        ...remaining,
        ref: ref,
        className: cardFooter({
            className
        }),
        justify: justify,
        children: children
    });
});

//# sourceMappingURL=CardFooter.js.map