<reponame>codex-src/codex-app.js<gh_stars>10-100
import * as Meta from "components/Meta"
import CodexSVG from "components/CodexSVG"
import React from "react"

// https://codepen.io/zaydek/pen/rNOZNwZ
const CodexLogo = () => (
	<Meta.SelectNone>
		<div className="em-context flex flex-row items-center">
			<CodexSVG className="w-16 h-16 text-md-blue-a400" />
			<div className="w-1" />
			<div className="-mt-2">
				<h1
					className="text-6xl leading-none Poppins Poppins-clip-path-top"
					style={{
						// Do not inherit font-weight or letter-spacing:
						fontWeight: 400,
						letterSpacing: "-0.025em",
					}}
				>
					codex
				</h1>
			</div>
		</div>
	</Meta.SelectNone>
)

export default CodexLogo
