nice-ui
Version:
React design system, components, and utilities
33 lines (32 loc) • 1.69 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LibraryInfo = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const Paper_1 = require("../../4-card/Paper");
const Link_1 = require("../../1-inline/Link");
const FixedColumn_1 = require("../../3-list-item/FixedColumn");
const Iconista_1 = require("../../icons/Iconista");
const Code_1 = require("../../1-inline/Code");
const use_t_1 = require("use-t");
const LibraryInfo = (props) => {
const [t] = (0, use_t_1.useT)();
const theme = (0, nano_theme_1.useTheme)();
const { page } = props;
if (!page.repo)
return null;
return (React.createElement(React.Fragment, null,
React.createElement(Paper_1.default, { fill: 1 },
React.createElement("p", { style: { padding: '0 16px' } },
React.createElement(Link_1.Link, { a: true, to: `https://github.com/${page.repo}` },
React.createElement(FixedColumn_1.FixedColumn, { as: 'span', left: 36, style: { alignItems: 'center' } },
React.createElement("span", null,
React.createElement(Iconista_1.Iconista, { set: "fontawesome_brands", icon: "github", width: 24, height: 24 })),
React.createElement("span", { style: { fontSize: '16px', color: theme.g(0.1) } },
t('View'),
' ',
React.createElement(Code_1.Code, { alt: true, gray: true, spacious: true }, page.repo),
' ',
t('library on GitHub'))))))));
};
exports.LibraryInfo = LibraryInfo;