feat: playground

src/components/seal-form/components/wrapper.tsx

@@ -0,0 +1,14 @@
+interface WrapperProps {
+  children: React.ReactNode;
+  label: string;
+}
+
+const Wrapper: React.FC<WrapperProps>= ({ children }) => {
+  return (
+    <div>
+      {children}
+    </div>
+  );
+}
+
+export default Wrapper;

src/components/seal-form/seal-input.tsx

@@ -0,0 +1,24 @@
+import { Input } from 'antd';
+import type { InputProps } from 'antd';
+import Wrapper from './components/wrapper';
+import  { SealFormItemProps } from './types';
+
+const TextArea: React.FC<InputProps & SealFormItemProps> = (props) => {
+  return (
+    <Wrapper label="input">
+      <Input.TextArea placeholder='send your message' autoSize={{minRows: 1,maxRows: 6}} size="large" variant='borderless'></Input.TextArea>
+    </Wrapper>
+  );
+}
+
+const SealInput: React.FC<InputProps & SealFormItemProps> = (props) => {
+  const {label, ...rest} = props;
+  return (
+    <Wrapper label="input">
+      <Input {...rest} placeholder='send your message'></Input>
+    </Wrapper>
+  );
+}
+
+
+export default {TextArea,Input: SealInput};

src/components/seal-form/types.ts

@@ -0,0 +1,3 @@
+export interface SealFormItemProps {
+  label?: string;
+}