import Image from "next/image";
import Layout from "../components/Layout";
import Container from "../components/Container";
import Content from "../components/Content";
import PageTitle from "../components/page/PageTitle";
import { BotIcon } from "../components/icons";

import cliImg from "../public/static/images/cli/screenshot.png";

const CLI = () => (
  <Layout>
    <Container title="CLI" description="AKA, the most useless Node module ever published, in history, by anyone, ever.">
      <PageTitle
        title={
          <>
            <BotIcon /> CLI
          </>
        }
      />
      <Content>
        <blockquote>
          <p>
            The{" "}
            <a href="https://jarv.is/" target="_blank" rel="noopener noreferrer">
              Jake Jarvis
            </a>{" "}
            CLI (aka the most useless Node module ever published, in history, by anyone, ever).
          </p>
        </blockquote>
        <a
          className="no-underline"
          href="https://www.npmjs.com/package/@jakejarvis/cli"
          target="_blank"
          rel="noopener noreferrer"
        >
          <Image src={cliImg} placeholder="blur" alt="Terminal Screenshot" />
        </a>
        <h2>Usage</h2>
        <pre>
          <code>npx @jakejarvis/cli</code>
        </pre>
        <h2>Inspired by</h2>
        <ul>
          <li>
            <a href="https://github.com/sindresorhus/sindresorhus-cli" target="_blank" rel="noopener noreferrer">
              @sindresorhus/sindresorhus-cli
            </a>
          </li>
          <li>
            <a href="https://github.com/yg/ygcodes" target="_blank" rel="noopener noreferrer">
              @yg/ygcodes
            </a>
          </li>
        </ul>
        <h2>Built with</h2>
        <ul>
          <li>
            <a href="https://github.com/vadimdemedes/ink" target="_blank" rel="noopener noreferrer">
              ink
            </a>{" "}
            - React for interactive command-line apps
          </li>
          <li>
            <a href="https://github.com/sindresorhus/meow" target="_blank" rel="noopener noreferrer">
              meow
            </a>{" "}
            - CLI helper
          </li>
        </ul>
        <p>
          <a href="https://github.com/jakejarvis/jakejarvis/tree/main/cli" target="_blank" rel="noreferrer">
            View source on GitHub.
          </a>
        </p>
        <h2>License</h2>
        <p>
          MIT ©{" "}
          <a href="https://jarv.is/" target="_blank" rel="noopener noreferrer">
            Jake Jarvis
          </a>
          ,{" "}
          <a href="https://sindresorhus.com" target="_blank" rel="noopener noreferrer">
            Sindre Sorhus
          </a>
        </p>
      </Content>
    </Container>
  </Layout>
);

export default CLI;