/*@jsxRuntime automatic @jsxImportSource react*/ const {jsx: _jsx, jsxs: _jsxs} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ section: "section", h1: "h1", p: "p", a: "a", pre: "pre", code: "code" }, props.components); return _jsxs(_components.section, { id: "installation", children: [_jsx(_components.h1, { id: "installation", children: "Installation" }), "\n", _jsxs(_components.p, { children: ["Proton requires that you have ", _jsx(_components.a, { href: "https://getcomposer.org", children: "Composer" }), " installed. It may be easiest to then install proton globally on your computer. You can do this with the following command."] }), "\n", _jsx(_components.pre, { raw: "composer global require foundation/proton\n", language: "shellscript", html: "

composer global require foundation/proton\n

", children: _jsx(_components.code, { className: "language-sh", children: "composer global require foundation/proton\n" }) }), "\n", _jsxs(_components.p, { children: ["Make sure that you add the composer global installation folder to your shell PATH. By default it should be in the following location: ", _jsx(_components.code, { children: "~/.composer/vendor/bin" })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = props.components || ({}); return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { children: _jsx(_createMdxContent, props) })) : _createMdxContent(props); } return { default: MDXContent };