storybook: add button story for default and destructive variant (#563)

frontend/packages/core/src/button.tsx

@@ -19,7 +19,11 @@ const StyledButton = styled(MuiButton)`
   `}
 `;
 
-interface ButtonProps extends MuiButtonProps {
+interface ButtonProps
+  extends Pick<
+    MuiButtonProps,
+    "disabled" | "endIcon" | "onClick" | "size" | "startIcon" | "type" | "variant"
+  > {
   text: string;
   destructive?: boolean;
 }

frontend/packages/core/src/stories/button.stories.tsx

+import React from "react";
+import type { Meta } from "@storybook/react";
+
+import type { ButtonProps } from "../button";
+import { Button } from "../button";
+
+export default {
+  title: "Core/Button",
+  component: Button,
+  argTypes: {
+    onClick: { action: "onClick event" },
+  },
+} as Meta;
+
+const Template = (props: ButtonProps) => <Button {...props} />;
+
+export const Default = Template.bind({});
+Default.args = {
+  text: "continue",
+};
+
+export const Destructive = Template.bind({});
+Destructive.args = {
+  text: "delete",
+  destructive: true,
+};

frontend/tsconfig.json

@@ -20,7 +20,8 @@
   },
   "exclude": [
     "node_modules",
-    "**/stories/*",
+    "**/*.stories.ts*",
+    "**/*.stories.js*",
     "**/*.test.js*",
     "**/*.test.ts*"
   ],