From 23c5fcce65d746125de73829409260ddf2488519 Mon Sep 17 00:00:00 2001
From: 王强 <wangqiang@feewee.cn>
Date: Fri, 22 Mar 2024 09:39:46 +0800
Subject: [PATCH] feat: init

---
 src/components/<Feewee>/index.module.less |  4 ++++
 src/components/<Feewee>/index.tsx         | 11 +++++++++++
 stories/<Feewee>.stories.ts               | 29 +++++++++++++++++++++++++++++
 3 files changed, 44 insertions(+), 0 deletions(-)
 create mode 100644 src/components/<Feewee>/index.module.less
 create mode 100644 src/components/<Feewee>/index.tsx
 create mode 100644 stories/<Feewee>.stories.ts

diff --git a/src/components/<Feewee>/index.module.less b/src/components/<Feewee>/index.module.less
new file mode 100644
index 0000000..ba8c1db
--- /dev/null
+++ b/src/components/<Feewee>/index.module.less
@@ -0,0 +1,4 @@
+.<Feewee> {
+  background-color: #4189fd;
+  color: #fff;
+}
diff --git a/src/components/<Feewee>/index.tsx b/src/components/<Feewee>/index.tsx
new file mode 100644
index 0000000..41d3d37
--- /dev/null
+++ b/src/components/<Feewee>/index.tsx
@@ -0,0 +1,11 @@
+import React from "react";
+import clsx from "clsx";
+import st from "./index.module.less";
+
+export interface Base<Feewee>Props {}
+
+export default function <Feewee>({}: Base<Feewee>Props) {
+  const className = clsx(st['<Feewee>']);
+
+  return (<span className={className}><Feewee></span>);
+}
diff --git a/stories/<Feewee>.stories.ts b/stories/<Feewee>.stories.ts
new file mode 100644
index 0000000..01c4dcd
--- /dev/null
+++ b/stories/<Feewee>.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from "@storybook/react";
+// import { userEvent, within, fn } from '@storybook/test';
+import <Feewee> from '../src/components/<Feewee>';
+
+const meta: Meta<typeof <Feewee>> = {
+  title: "H5-Common/Componet/<Feewee>",
+  component: <Feewee>,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  args: {
+  },
+  argTypes: {
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof <Feewee>>;
+
+/*
+ *👇 Render functions are a framework specific feature to allow you control on how the component renders.
+ * See https://storybook.js.org/docs/api/csf
+ * to learn how to use render functions.
+ */
+export const Primary: Story = {
+  args: {
+  },
+};
--
libgit2 0.22.2