import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { DependencyVersions } from "../settings-modal/dependency-versions/dependency-versions.js";
export function About(props) {
    const { packageJson, phCliVersion } = props;
    return (_jsxs("div", { className: "bg-white p-3", children: [_jsx("h2", { className: "font-semibold", children: "About" }), _jsx("p", { className: "text-sm font-normal text-gray-600", children: "Connect is the hub for your most important documents and processes translated into software. Easily capture data in a structured way with Connect." }), _jsx("div", { className: "my-4", children: _jsx(DependencyVersions, { packageJson: packageJson, phCliVersion: phCliVersion }) })] }));
}
//# sourceMappingURL=about.js.map