list-view-details
Version:
A highly customizable List View Details component for React applications. This package provides an efficient and flexible way to display data in a detailed, organized, and user-friendly list view.
13 lines (12 loc) • 957 B
JavaScript
import React from 'react';
import { Link } from 'react-router-dom';
var MenuHeader = function (_a) {
var imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, title = _a.title, buttons = _a.buttons;
return (React.createElement("header", { className: "flex justify-between items-center p-4 border border-indigo-600" },
React.createElement("div", { className: "flex-1 flex items-center" },
React.createElement("img", { src: imageSrc, alt: imageAlt, className: "h-10" })),
React.createElement("div", { className: "flex-1 text-center" },
React.createElement("h1", { className: "header-title" }, title)),
React.createElement("div", { className: "flex-1 flex justify-end gap-4" }, buttons.map(function (button, index) { return (React.createElement(Link, { key: index, to: button.link, className: "px-2 text-gray-950 border-solid border-2 border-indigo-600" }, button.label)); }))));
};
export default MenuHeader;