@codeworker.br/govbr-tw-react
Version:
Biblioteca de componentes React usando Tailwind CSS que implementa o Padrão Digital de Governo.
35 lines (34 loc) • 2 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import BASE_CLASSNAMES from "../../config/baseClassNames";
import { cn } from "../../libs/utils";
const Card = (_a) => {
var { className, children, disabled = false } = _a, props = __rest(_a, ["className", "children", "disabled"]);
return (_jsxs("div", Object.assign({ className: cn("flex flex-col shadow relative", className, BASE_CLASSNAMES.card.root) }, props, { children: [children, disabled && (_jsx("div", { className: cn("size-full absolute top-0 left-0 cursor-not-allowed bg-govbr-pure-0/60 z-10", BASE_CLASSNAMES.card.disabled) }))] })));
};
const CardHeader = (_a) => {
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
return (_jsx("header", Object.assign({ className: cn("p-6 font-semibold text-lg", className, BASE_CLASSNAMES.card.header) }, props, { children: children })));
};
const CardMain = (_a) => {
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
return (_jsx("main", Object.assign({ className: cn("px-6", className, BASE_CLASSNAMES.card.main) }, props, { children: children })));
};
const CardFooter = (_a) => {
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
return (_jsx("footer", Object.assign({ className: cn("p-6", className, BASE_CLASSNAMES.card.footer) }, props, { children: children })));
};
Card.Header = CardHeader;
Card.Main = CardMain;
Card.Footer = CardFooter;
export default Card;