var lesson = {
	files: [
		{
			name: "main",
			content: "import { render } from 'solid-js/web';\n\nfunction HelloWorld() {\n  return <div>Hello World!</div>;\n}\n\nrender(() => <HelloWorld />, document.getElementById('app'))\n"
		}
	]
};
var solved = {
	files: [
		{
			name: "main",
			content: "import { render } from 'solid-js/web';\n\nfunction HelloWorld() {\n  return <div>Hello Solid World!</div>;\n}\n\nrender(() => <HelloWorld />, document.getElementById('app'))\n"
		}
	]
};
var markdown = "# はじめに\n\nSolid のチュートリアルへようこそ！　このチュートリアルでは、Solid の主な機能をご紹介します。Solid の仕組みをより詳しく知るには、API やガイドを参照してください。\n\n# Solid とは？\nSolid は、インタラクティブな Web アプリケーションを作成するための JavaScript フレームワークです。\nSolid では、既存の HTML および JavaScript の知識を使用して、アプリケーション全体で再利用可能なコンポーネントを構築できます。\nSolid は、コンポーネントをリアクティビティで強化するためのツールを提供します。これは、ユーザーインターフェイスを使用および作成するデータにリンクする宣言的な JavaScript コードです。\n\n# Solid アプリの構造\n\nSolid アプリはコンポーネントと呼ばれる関数で構成されています。右側の `HelloWorld` 関数を見てください。この HTML と JavaScript の組み合わせを JSX と呼びます。Solid には、これらのタグを後から DOM ノードに変換するコンパイラが同梱されています。\n\nJSX では、アプリ内でほとんどの HTML 要素を使用できますが、新しい要素を作成することもできます。`HelloWorld` 関数を宣言すると、アプリ全体で `<HelloWorld>` タグとして使用できます。\n\nSolid アプリのエントリーポイントは、`render` 関数です。 この関数は 2 つの引数を取ります。アプリケーションのコードをラップした関数と、マウントするための HTML の既存の要素です:\n```jsx\nrender(() => <HelloWorld />, document.getElementById('app'))\n```\n# このチュートリアルの活用\n\nチュートリアルの各レッスンでは、Solid の機能と、それを試すためのシナリオが紹介されています。どの時点でも solve ボタンをクリックして解決策を確認したり、reset をクリックして最初からやり直すことができます。コードエディタには、コンソールとコードから生成されたコンパイル済みの出力を見ることのできる出力タブがあります。Solid がどのようにコードを生成しているのか興味がある方はご覧ください。\n\n楽しんでください！\n";
var introduction_basics = {
	lesson: lesson,
	solved: solved,
	markdown: markdown
};

export { introduction_basics as default, lesson, markdown, solved };
