lincd-design-elems/lib/components/Card.js

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Card = void 0;
const react_1 = __importDefault(require("react"));
// import "./Card.scss";
// import {default as style} from "./Card.scss.json";
const package_1 = require("../package");
const Hooks_1 = require("lincd/lib/utils/Hooks");
const CardHeader = (props) => {
    let styleProps = (0, Hooks_1.useStyles)(props, 'text-lg font-semibold text-gray-800 dark:text-white pb-2');
    return react_1.default.createElement("h1", Object.assign({}, styleProps), props.children);
};
const CardContent = (props) => {
    return (react_1.default.createElement("div", { className: "pb-2 text-gray-700 dark:text-gray-400" }, props.children));
};
//from https://merakiui.com/components/1656817c-bc16-4cce-85ba-385502c38d40/preview
const Card = (props) => {
    return (react_1.default.createElement("div", { className: "w-full max-w-sm overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800" },
        props.imageSrc && (react_1.default.createElement("div", { className: "object-cover object-center w-full h-56 bg-cover bg-top", style: Object.assign({ backgroundImage: `url(${props.imageSrc})` }, props.imageStyle), title: props.imageAlt })),
        react_1.default.createElement("div", { className: "px-6 py-4" }, props.children)));
};
exports.Card = Card;
exports.Card.Content = CardContent;
exports.Card.Header = CardHeader;
//register all components in this file
(0, package_1.registerPackageModule)(module);
//# sourceMappingURL=Card.js.map