@qingchen3020/test-package 1.0.0

package/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+
+interface TestButtonProps {
+  label?: string;
+  onClick?: () => void;
+}
+
+interface TestCardProps {
+  title: string;
+  children?: React.ReactNode;
+}
+
+export function TestButton(props: TestButtonProps): JSX.Element;
+export function TestCard(props: TestCardProps): JSX.Element;

package/index.js

@@ -0,0 +1,40 @@
+import React from 'react';
+
+// 一个简单的按钮组件
+export function TestButton({ label = 'Click Me', onClick }) {
+  return (
+    <button
+      onClick={onClick}
+      style={{
+        padding: '10px 20px',
+        backgroundColor: '#007bff',
+        color: 'white',
+        border: 'none',
+        borderRadius: '5px',
+        cursor: 'pointer',
+        fontSize: '16px'
+      }}
+    >
+      {label}
+    </button>
+  );
+}
+
+// 一个简单的卡片组件
+export function TestCard({ title, children }) {
+  return (
+    <div
+      style={{
+        border: '1px solid #ddd',
+        borderRadius: '8px',
+        padding: '20px',
+        margin: '10px',
+        backgroundColor: '#fff',
+        boxShadow: '0 2px 4px rgba(0,0,0,0.1)'
+      }}
+    >
+      <h3 style={{ margin: '0 0 10px 0', color: '#333' }}>{title}</h3>
+      <div>{children}</div>
+    </div>
+  );
+}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@qingchen3020/test-package",
+  "version": "1.0.0",
+  "description": "A test React component package for Figma Make",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "test"
+  ],
+  "author": "qingchen3020",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^19.2.6"
+  }
+}