@smitch/fluid
Version:
A lightweight, Tailwind-powered React/Next.js UI component library.
9 lines • 799 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Link from 'next/link';
import { twMerge } from 'tailwind-merge';
var CardFooter = function (_a) {
var _b = _a.className, className = _b === void 0 ? '' : _b, link = _a.link, linkLabel = _a.linkLabel, children = _a.children;
return (_jsxs("div", { className: twMerge("card-footer flex px-2 pt-4 items-center mt-auto", className), children: [children, link && (_jsx(Link, { href: link, className: 'uppercase ms-auto before:absolute before:content-["_"] before:top-0 before:right-0 before:bottom-0 before:left-0 z-10 text-ellipsis overflow-hidden whitespace-nowrap', target: link.startsWith('https://') ? '_blank' : '_self', children: linkLabel }))] }));
};
export default CardFooter;
//# sourceMappingURL=CardFooter.js.map