From d5e3578378f860964d2958f9566908a3868c3895 Mon Sep 17 00:00:00 2001
From: Artem Zhmurov <zhmurov@gmail.com>
Date: Sat, 14 Dec 2024 20:31:22 +0300
Subject: [PATCH] feat: add storybook implementation for feedback component

Issue #345
---
 .../src/Components/Feedback/index.stories.tsx | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 demo/src/Components/Feedback/index.stories.tsx

diff --git a/demo/src/Components/Feedback/index.stories.tsx b/demo/src/Components/Feedback/index.stories.tsx
new file mode 100644
index 00000000..3cabd7b3
--- /dev/null
+++ b/demo/src/Components/Feedback/index.stories.tsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import {Feedback as Component} from '@diplodoc/components';
+
+type Args = {
+    isLiked: boolean;
+    isDisliked: boolean;
+};
+
+const FeedbackDemo = (args: Args) => {
+    const isLiked = args['isLiked'];
+    const isDisliked = args['isDisliked'];
+
+    return <Component isLiked={isLiked} isDisliked={isDisliked} />;
+};
+
+export default {
+    title: 'Components/Feedback',
+    component: FeedbackDemo,
+    argTypes: {
+        isLiked: {
+            control: 'boolean',
+        },
+        isDisliked: {
+            control: 'boolean',
+        },
+    },
+};
+
+export const Feedback = {
+    args: {
+        isLiked: false,
+        isDisliked: false,
+    },
+};