ar-design/dist/components/data-display/card/index.js

AR Design is a (react | nextjs) ui library.

import React from "react";
import "../../../assets/css/components/data-display/card/styles.css";
import Utils from "../../../libs/infrastructure/shared/Utils";
const Card = ({ children, title, actions, variant = "filled", status }) => {
    // variables
    const _className = ["ar-card"];
    _className.push(...Utils.GetClassName(variant, status, undefined, undefined, undefined, undefined, undefined));
    return (React.createElement("div", { className: _className.map((c) => c).join(" ") },
        title && (React.createElement("div", { className: "title" },
            React.createElement("h4", null, title),
            React.createElement("div", null, actions))),
        React.createElement("div", { className: "content" }, children)));
};
export default Card;