terminal-lite
Version:
A lightweight customizable terminal-like React component.
8 lines (7 loc) • 1.02 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const Terminal = ({ title, children }) => {
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: `bg-[#151515] border-2 border-primary-border h-full`, children: [(0, jsx_runtime_1.jsx)("div", { className: "h-9 bg-primary-border-dark flex items-center justify-between px-2 font-tech-mono font-bold text-[#efefef] text-[12px]", children: (0, jsx_runtime_1.jsx)("div", { className: "flex-1", children: title }) }), (0, jsx_runtime_1.jsx)("div", { className: "text-[#ffffffc2] p-2 font-tech-mono overflow-y-auto h-[calc(100%-36px)] scrollbar scrollbar-thumb-[#727272] scrollbar-track-[#181818]", children: children ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["> npm run dev", (0, jsx_runtime_1.jsx)("span", { className: "animate-blink", children: "_" })] })) })] }) }));
};
exports.default = Terminal;