Added parser function

src/widgets/schedule/day.tsx

@@ -0,0 +1,9 @@
+import type { Day as DayType } from '@/shared/model/day'
+
+export function Day({ day }: {
+  day: DayType
+}) {
+  return (
+    <p></p>
+  )
+}

src/widgets/schedule/index.tsx

@@ -0,0 +1,15 @@
+import type { Day as DayType } from '@/shared/model/day'
+import { Day } from '@/widgets/schedule/day'
+
+export function Schedule({ days }: {
+  days: DayType[]
+}) {
+
+  return (
+    <div>
+      {days.map((day, i) => (
+        <Day day={day} key={i} />
+      ))}
+    </div>
+  )
+}

src/widgets/schedule/lesson.tsx

@@ -0,0 +1,57 @@
+import { Button } from '@/shadcn/ui/button'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from '@/shadcn/ui/card'
+import { Input } from '@/shadcn/ui/input'
+import { Label } from '@/shadcn/ui/label'
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/shadcn/ui/select'
+
+export function Lesson() {
+  return (
+    <Card className="w-[350px]">
+      <CardHeader>
+        <CardTitle>Create project</CardTitle>
+        <CardDescription>Deploy your new project in one-click.</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form>
+          <div className="grid w-full items-center gap-4">
+            <div className="flex flex-col space-y-1.5">
+              <Label htmlFor="name">Name</Label>
+              <Input id="name" placeholder="Name of your project" />
+            </div>
+            <div className="flex flex-col space-y-1.5">
+              <Label htmlFor="framework">Framework</Label>
+              <Select>
+                <SelectTrigger id="framework">
+                  <SelectValue placeholder="Select" />
+                </SelectTrigger>
+                <SelectContent position="popper">
+                  <SelectItem value="next">Next.js</SelectItem>
+                  <SelectItem value="sveltekit">SvelteKit</SelectItem>
+                  <SelectItem value="astro">Astro</SelectItem>
+                  <SelectItem value="nuxt">Nuxt.js</SelectItem>
+                </SelectContent>
+              </Select>
+            </div>
+          </div>
+        </form>
+      </CardContent>
+      <CardFooter className="flex justify-between">
+        <Button variant="outline">Cancel</Button>
+        <Button>Deploy</Button>
+      </CardFooter>
+    </Card>
+  )
+}