initial commit

services/myblog/frontend/layout_blog/Post/Post.module.css

@@ -0,0 +1,20 @@
+
+.post{
+    grid-area: post;
+    display: grid;
+    grid-template-columns: 0.5fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr 1fr;
+
+    grid-template-areas:
+		"title . ."
+		". content .";
+    max-height: 200px;
+}
+
+.title{
+    grid-area: title;
+}
+
+.content{
+    grid-area: content;
+}

services/myblog/frontend/layout_blog/Post/Post.props.ts

@@ -0,0 +1,7 @@
+
+import {DataHTMLAttributes, DetailedHTMLProps, HTMLAttributes, InputHTMLAttributes, ReactNode} from "react";
+
+export interface PostProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+content: string;
+title: string;
+}

services/myblog/frontend/layout_blog/Post/Post.tsx

@@ -0,0 +1,14 @@
+import {PostProps} from "./Post.props";
+import styles from "./Post.module.css"
+import cn from "classnames";
+
+export const Post = ({className, title="", content="", ...props}: PostProps): JSX.Element => {
+    return(
+        <div className={cn(styles.post, className, {
+        })} {...props}>
+            <img src={"http://10.50.20.5:13377/image/images?filename=standart_image.png"}/>
+            <h1 className={styles.title}>{title}</h1>
+            <p className={styles.content}>{content}</p>
+        </div>
+    );
+}