+
+ );
+}
diff --git a/src/app/[locale]/(share)/share/[id]/opengraph-image.tsx b/src/app/[locale]/(share)/share/[id]/opengraph-image.tsx
new file mode 100644
index 0000000..fa704f8
--- /dev/null
+++ b/src/app/[locale]/(share)/share/[id]/opengraph-image.tsx
@@ -0,0 +1,159 @@
+import { ImageResponse } from "next/server";
+import { AiOutlineUser } from "react-icons/ai";
+
+const baseURL =
+ process.env.NODE_ENV === "development"
+ ? "http://localhost:3000"
+ : "https://gpt.ltopx.com";
+
+// Route segment config
+export const runtime = "edge";
+
+// Image metadata
+export const alt = "LGPT Share";
+export const size = {
+ width: 1200,
+ height: 630,
+};
+
+export const contentType = "image/png";
+
+type Props = {
+ params: { id: string };
+};
+
+async function getShareData(id: string) {
+ try {
+ const res = await fetch(`${baseURL}/api/share?id=${id}`).then((res) =>
+ res.json()
+ );
+ if (res.error) return null;
+ return res.data;
+ } catch (error) {
+ return null;
+ }
+}
+
+// Image generation
+export default async function Image({ params }: Props) {
+ const content = await getShareData(params.id);
+ const title = content?.channel_name || "Unnamed";
+ const chat_list: any[] = content?.chat_content?.slice(0, 2) || [];
+
+ return new ImageResponse(
+ (
+
+
+
+
+ {children}
+
+
+ )
+ );
+}
diff --git a/src/app/[locale]/(share)/share/[id]/page.tsx b/src/app/[locale]/(share)/share/[id]/page.tsx
new file mode 100644
index 0000000..c7bc967
--- /dev/null
+++ b/src/app/[locale]/(share)/share/[id]/page.tsx
@@ -0,0 +1,165 @@
+import * as React from "react";
+import Image from "next/image";
+import { Metadata } from "next";
+import { cn } from "@/lib";
+import { prisma } from "@/lib/prisma";
+import { redis } from "@/lib/redis";
+import type { Share } from "@prisma/client";
+import { AiOutlineUser } from "react-icons/ai";
+import { SiMicrosoftazure } from "react-icons/si";
+import Button from "@/components/ui/Button";
+import CopyIcon from "@/components/copyIcon";
+import ChatContent from "@/components/chatContent";
+import BasicInfo from "@/components/share/basicInfo";
+import NotFound from "@/components/share/notFound";
+import Continue from "@/components/share/continue";
+
+type Props = {
+ params: { id: string };
+};
+
+export async function generateMetadata({ params }: Props): Promise
+ {title}
+
+
+ {chat_list.map((item) => (
+
+
+
+ ))}
+ 1
+
+
+
+ {item.role === "user" ? (
+ 
+ )}
+
+
+ )}
+
+
+
+ {item.content}
+
+
+ Powered by
+
+ LGPT
+
+
+ Share
+
+
+
+
+
+
+
+
+ {content.channel_name}
+
+
+
+
+ }>
+ {(content.channel_model as any)?.type}
+
+
+
+ {content.chat_content.map((item: any) => (
+
+
+
+ ))}
+
+ {item.role === "assistant" && (
+
+
+
+ )}
+ {item.role === "user" && (
+
+
+ )}
+
+
+
+ {getTime(item.time)}
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/api/share/create/route.ts b/src/app/api/share/create/route.ts
new file mode 100644
index 0000000..ac58391
--- /dev/null
+++ b/src/app/api/share/create/route.ts
@@ -0,0 +1,72 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { prisma } from "@/lib/prisma";
+import { NextResponse } from "next/server";
+import type { ChatItem } from "@/hooks";
+
+interface ChannelModel {
+ supplier: string;
+ type: string;
+}
+
+export interface IShare {
+ channel_model: ChannelModel;
+ channel_name?: string;
+ channel_prompt?: string;
+ chat_content: ChatItem[];
+ userId?: string;
+ userName?: string;
+}
+
+export async function POST(request: Request) {
+ const session = await getServerSession(authOptions);
+ const { channel_model, channel_name, channel_prompt, chat_content }: IShare =
+ await request.json();
+
+ if (!channel_model) {
+ return NextResponse.json(
+ { error: -1, msg: "channel_model cannot be empty" },
+ { status: 500 }
+ );
+ }
+
+ if (!chat_content?.length) {
+ return NextResponse.json(
+ { error: -1, msg: "chat_content cannot be empty" },
+ { status: 500 }
+ );
+ }
+
+ // create share
+ let params: IShare = {
+ channel_model,
+ channel_name,
+ channel_prompt,
+ chat_content,
+ };
+
+ // 登录用户加上用户信息，但是可以选择匿名分享
+ if (session)
+ params = {
+ ...params,
+ userId: session?.user.id,
+ userName: session?.user.name as string,
+ };
+
+ try {
+ const createShareRes = await prisma.share.create({
+ data: params as any,
+ select: { id: true },
+ });
+ return NextResponse.json(
+ { error: 0, data: createShareRes },
+ { status: 200 }
+ );
+ } catch (error) {
+ console.log(error, "create share error");
+ return NextResponse.json(
+ { error: -1, msg: "create share error" },
+ { status: 500 }
+ );
+ }
+}
diff --git a/src/app/api/share/delete/route.ts b/src/app/api/share/delete/route.ts
new file mode 100644
index 0000000..3f87523
--- /dev/null
+++ b/src/app/api/share/delete/route.ts
@@ -0,0 +1,24 @@
+import { prisma } from "@/lib/prisma";
+import { NextResponse } from "next/server";
+
+export async function DELETE(request: Request) {
+ const { id } = await request.json();
+
+ if (!id) {
+ return NextResponse.json(
+ { error: -1, msg: "id cannot be empty" },
+ { status: 500 }
+ );
+ }
+
+ try {
+ await prisma.share.delete({
+ where: { id },
+ });
+
+ return NextResponse.json({ error: 0 }, { status: 200 });
+ } catch (error) {
+ console.log("delete share error", error);
+ return NextResponse.json({ error: -1, msg: "error" }, { status: 500 });
+ }
+}
diff --git a/src/app/api/share/route.ts b/src/app/api/share/route.ts
new file mode 100644
index 0000000..43afdb8
--- /dev/null
+++ b/src/app/api/share/route.ts
@@ -0,0 +1,25 @@
+import { prisma } from "@/lib/prisma";
+import { NextResponse } from "next/server";
+
+export async function GET(request: Request) {
+ const { searchParams } = new URL(request.url);
+
+ const id = searchParams.get("id");
+
+ if (!id) {
+ return NextResponse.json(
+ { error: -1, msg: "id cannot be empty" },
+ { status: 500 }
+ );
+ }
+
+ try {
+ const shareRes: any = await prisma.share.findUnique({
+ where: { id },
+ });
+
+ return NextResponse.json({ error: 0, data: shareRes }, { status: 200 });
+ } catch (error) {
+ return NextResponse.json({ error: -1, msg: "error" }, { status: 500 });
+ }
+}
diff --git a/src/app/api/share/update/route.ts b/src/app/api/share/update/route.ts
new file mode 100644
index 0000000..5629b60
--- /dev/null
+++ b/src/app/api/share/update/route.ts
@@ -0,0 +1,25 @@
+import { prisma } from "@/lib/prisma";
+import { NextResponse } from "next/server";
+
+export async function POST(request: Request) {
+ const { id, anonymous } = await request.json();
+
+ if (!id) {
+ return NextResponse.json(
+ { error: -1, msg: "id cannot be empty" },
+ { status: 500 }
+ );
+ }
+
+ try {
+ await prisma.share.update({
+ data: { anonymous: Number(!!anonymous) },
+ where: { id },
+ });
+
+ return NextResponse.json({ error: 0 }, { status: 200 });
+ } catch (error) {
+ console.log("update share error", error);
+ return NextResponse.json({ error: -1, msg: "error" }, { status: 500 });
+ }
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 09d78cf..8ba3cd6 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -10,7 +10,7 @@ interface RootLayoutProps {
children: React.ReactNode;
}
-// const inter = Inter({ subsets: ["latin"] });
+const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "L-GPT",
@@ -24,7 +24,7 @@ export const metadata: Metadata = {
export default function RootLayout({ children }: RootLayoutProps) {
return (
-
+
- {!!findChannel?.chat_list?.length && (
-
+
-
- ) : (
-
- )}
-
-
-
-
-
-
- }
- onOk={clearNowConversation}
+ <>
+
+ {!!findChannel?.chat_list?.length && (
+
-
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+ }
+ onOk={clearNowConversation}
+ />
+
-
- L - GPT
-
+
);
};
diff --git a/src/components/menu/index.tsx b/src/components/menu/index.tsx
index 6099737..c779689 100644
--- a/src/components/menu/index.tsx
+++ b/src/components/menu/index.tsx
@@ -23,8 +23,8 @@ import ContextMenu from "@/components/ui/ContextMenu";
import type { ContextMenuOption } from "@/components/ui/ContextMenu";
import Dropdown from "@/components/ui/Dropdown";
import type { IDropdownItems } from "@/components/ui/Dropdown";
+import Logo from "@/components/logo";
import MenuIcon from "./icon";
-import pkg from "../../../package.json";
export const lans: IDropdownItems[] = [
{
@@ -159,20 +159,13 @@ const Menu: React.FC = () => {
return (
+
+ L-GPT
+
+ {!!share && Share}
+
+ {!!version && (
+
+ v{pkg.version}
+
+ )}
-
-
+
-
- L - GPT
-
-
-
- v{pkg.version}
-
-
+
+
{t("title")}
diff --git a/src/components/share/action.tsx b/src/components/share/action.tsx
new file mode 100644
index 0000000..0686df1
--- /dev/null
+++ b/src/components/share/action.tsx
@@ -0,0 +1,149 @@
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { toast } from "react-hot-toast";
+import { useClipboard } from "l-hooks";
+import {
+ AiOutlineLink,
+ AiOutlineTwitter,
+ AiOutlineDelete,
+ AiOutlineLoading,
+} from "react-icons/ai";
+import { BsThreeDots } from "react-icons/bs";
+import { FiUserMinus } from "react-icons/fi";
+import { cn } from "@/lib";
+import Modal from "@/components/ui/Modal";
+import Dropdown from "@/components/ui/Dropdown";
+import Button from "@/components/ui/Button";
+import type { IDropdownItems } from "@/components/ui/Dropdown";
+
+const Action = React.forwardRef((_, forwardedRef) => {
+ const t = useTranslations("share");
+ const tCommon = useTranslations("common");
+ const { copy } = useClipboard();
+
+ const shareId = React.useRef("");
+ const [shareLink, setShareLink] = React.useState("");
+ const [loadingAction, setLoadingAction] = React.useState(false);
+
+ const options: IDropdownItems[] = [
+ {
+ label: t("share-anonymously"),
+ value: "anonymous",
+ icon:
+
+ );
+});
+
+Action.displayName = "Action";
+
+export default Action;
diff --git a/src/components/share/backHome.tsx b/src/components/share/backHome.tsx
new file mode 100644
index 0000000..f2e403d
--- /dev/null
+++ b/src/components/share/backHome.tsx
@@ -0,0 +1,31 @@
+"use client";
+
+import * as React from "react";
+import { useRouter } from "next-intl/client";
+import { useTranslations } from "next-intl";
+import Button from "@/components/ui/Button";
+import { AiFillCaretLeft } from "react-icons/ai";
+
+const BackHome: React.FC = () => {
+ const router = useRouter();
+ const t = useTranslations("share");
+ const [loading, setLoading] = React.useState(false);
+
+ const onClick = () => {
+ setLoading(true);
+ router.push("/");
+ };
+
+ return (
+ }
+ loading={loading}
+ onClick={onClick}
+ >
+ {t("back-home")}
+
+ );
+};
+
+export default BackHome;
diff --git a/src/components/share/basicInfo.tsx b/src/components/share/basicInfo.tsx
new file mode 100644
index 0000000..2617b9f
--- /dev/null
+++ b/src/components/share/basicInfo.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { AiOutlineFieldTime, AiOutlineUsergroupAdd } from "react-icons/ai";
+import { useDateFormat } from "l-hooks";
+
+const ViewsCount: React.FC<{ count: number; time: any; from: string }> = ({
+ count,
+ time,
+ from,
+}) => {
+ const t = useTranslations("share");
+ const { format } = useDateFormat();
+
+ return (
+ = ({ id }) => {
+ const t = useTranslations("share");
+ const router = useRouter();
+ const [loading, setLoading] = React.useState(false);
+
+ const onContinue = () => {
+ setLoading(true);
+ router.push(`/create/${id}`);
+ };
+
+ return (
+ }
+ loading={loading}
+ onClick={onContinue}
+ >
+ {t("continue-conversation")}
+
+ );
+};
+
+export default Continue;
diff --git a/src/components/share/createChat.tsx b/src/components/share/createChat.tsx
new file mode 100644
index 0000000..b6a34d4
--- /dev/null
+++ b/src/components/share/createChat.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next-intl/client";
+import { v4 as uuidv4 } from "uuid";
+import { useLLM } from "@/hooks";
+
+interface IProps {
+ content: any;
+}
+
+const CreateChat: React.FC = ({ content }) => {
+ const t = useTranslations("share");
+ const router = useRouter();
+ const { openai, azure } = useLLM();
+
+ const LLMOptions = React.useMemo(() => [openai, azure], [openai, azure]);
+
+ const init = (content: any) => {
+ const localChannelList = localStorage.getItem("channelList");
+
+ const channel_model_type = content.channel_model?.supplier || "openai";
+ const findModels =
+ LLMOptions.find((item) => item.value === channel_model_type)?.models ||
+ [];
+ const channel_model_name =
+ findModels.find((item) => item.label === content.channel_model?.type)
+ ?.value || "gpt-3.5-turbo";
+
+ const chat_item = {
+ channel_id: uuidv4(),
+ channel_icon: "RiChatSmile2Line",
+ channel_name: content.channel_name || "",
+ channel_model: {
+ type: channel_model_type,
+ name: channel_model_name,
+ },
+ channel_prompt: content.channel_prompt || "",
+ channel_cost: {
+ tokens: 0,
+ usd: 0,
+ function_tokens: 0,
+ function_usd: 0,
+ total_tokens: 0,
+ total_usd: 0,
+ },
+ chat_list: content.chat_content ?? [],
+ };
+
+ if (!localChannelList) {
+ const arr = [chat_item];
+ localStorage.setItem("channelList", JSON.stringify(arr));
+ localStorage.setItem("activeId", chat_item.channel_id);
+ } else {
+ try {
+ const parseArr = JSON.parse(localChannelList);
+ parseArr.push(chat_item);
+ localStorage.setItem("channelList", JSON.stringify(parseArr));
+ localStorage.setItem("activeId", chat_item.channel_id);
+ } catch (error) {}
+ }
+
+ router.push("/");
+ };
+
+ React.useEffect(() => {
+ init(content);
+ }, []);
+
+ return (
type === "danger",
},
+ // success
+ {
+ "border-green-400 bg-green-400 hover:border-green-500 hover:bg-green-500 active:border-green-600 active:bg-green-600 text-white":
+ type === "success",
+ },
+ {
+ "dark:border-green-400/90 dark:bg-green-400/90 dark:hover:border-green-500/90 dark:hover:bg-green-500/90 dark:active:border-green-600/90 dark:active:bg-green-600/90":
+ type === "success",
+ },
+
// outline
{
"border-sky-400 text-sky-400 bg-white/80 backdrop-blur-sm hover:bg-sky-100/80 active:bg-sky-200/60":
diff --git a/src/lib/redis.ts b/src/lib/redis.ts
new file mode 100644
index 0000000..dc9458a
--- /dev/null
+++ b/src/lib/redis.ts
@@ -0,0 +1,8 @@
+import { Redis } from "@upstash/redis";
+
+export const redis = new Redis({
+ url: process.env.UPSTASH_REDIS_REST_URL as string,
+ token: process.env.UPSTASH_REDIS_REST_TOKEN as string,
+});
+
+// const data = await redis.set('foo', 'bar');
diff --git a/src/locales/en.json b/src/locales/en.json
index be853db..ccddb45 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -46,7 +46,7 @@
"copy-code": "Copy Code",
"delete": "Delete",
"enter-message": "Please enter a message",
- "re-generate": "Regenerate response",
+ "re-generate": "Regenerate",
"stop-generate": "Stop Generating",
"type-message": "Type message here...",
"type-message-commandEnter": "Type message here... (send with Command + Enter, can be modified in Settings)",
@@ -87,6 +87,27 @@
"10003": "Language model parameter error",
"10004": "Please configure Azure API Version first"
},
+ "share": {
+ "back-home": "Back Home",
+ "continue-conversation": "Continue this conversation",
+ "copy-link": "Copy Link",
+ "create-conversation": "Creating conversation...",
+ "from": "Shared from",
+ "not-exist": "Shared content does not exist or has expired, you can click on the button on the upper right corner to return to the homepage and start a new chat.",
+ "model-error": "Conversation model parameter error",
+ "page-views": "Pageviews",
+ "share-anonymously": "Share anonymously",
+ "share-created": "You have successfully created a sharing link for the current session.",
+ "share-delete-tip": "All unattended sharing links will be automatically cleared after 7 days.",
+ "share-link": "Share Link to Conversation",
+ "share-link-copy-success": "Successfully copied conversation sharing link",
+ "share-logged-user-tip": "Logged-in users can view and manage their shared links in their personal center after sharing the session link.",
+ "share-remove": "Remove Share",
+ "share-remove-success": "Conversation sharing deleted successfully",
+ "share-success": "Conversation shared successfully",
+ "share-to-twitter": "Share to Twitter",
+ "share-update-success": "Conversation sharing updated successfully"
+ },
"setting": {
"api-key-error": "Invalid API key. Please make sure your API key is still working properly.",
"api-proxy": "API Proxy",
@@ -150,10 +171,8 @@
},
"zLog": {
"title": "v0.4.3 Change Log 🔥🔥",
- "text1": "Fixed the issue where unauthenticated users could not have a normal conversation even after configuring the API key",
- "text2": "Upgrade the default Azure OpenAI Service API version from 2023-03-15-preview to 2023-05-15.",
- "text3": "Refactor the calculation logic for session consumption, now supporting display of current session content consumption and total session consumption.",
- "text4": "Refactor the API Key configuration interface and move it to a separate page for configuration. It is now possible to configure Azure OpenAI Service-related information in a more user-friendly way.",
- "text5": "Other details optimization and bug fixing"
+ "text1": "🎉🎉 This update is not flashy, mainly updating the conversation sharing function. Now you can share your current conversation with your friends and partners.",
+ "text2": "Unified global logo style",
+ "text3": "Other UI refinement and bug fixes"
}
}
\ No newline at end of file
diff --git a/src/locales/zh-CN.json b/src/locales/zh-CN.json
index 3bfbc46..c06fcbf 100644
--- a/src/locales/zh-CN.json
+++ b/src/locales/zh-CN.json
@@ -87,6 +87,27 @@
"10003": "语言模型参数错误",
"10004": "请先配置Azure API Version"
},
+ "share": {
+ "back-home": "返回首页",
+ "continue-conversation": "继续此对话",
+ "copy-link": "复制链接",
+ "create-conversation": "会话创建中…",
+ "from": "分享来自",
+ "not-exist": "分享内容不存在或已过期。您可以点击右上角按钮返回首页开始新的聊天",
+ "model-error": "会话模型参数错误",
+ "page-views": "总浏览量",
+ "share-anonymously": "匿名分享",
+ "share-created": "您已经成功创建当前会话的分享链接",
+ "share-delete-tip": "所有未操作的分享链接将在7日被后自动清除",
+ "share-link": "分享对话链接",
+ "share-link-copy-success": "会话分享链接复制成功",
+ "share-logged-user-tip": "已经登录的用户分享会话链接后可在个人中心查看和管理自己的分享链接",
+ "share-remove": "删除分享",
+ "share-remove-success": "会话分享删除成功",
+ "share-success": "会话分享成功",
+ "share-to-twitter": "分享到 Twitter",
+ "share-update-success": "会话分享更新成功"
+ },
"setting": {
"api-key-error": "无效的 API 密钥。请确保您的 API 密钥配置正确。",
"api-proxy": "API 代理地址",
@@ -149,11 +170,9 @@
"welcome": "欢迎来到"
},
"zLog": {
- "title": "v0.4.3版本更新日志 🔥🔥",
- "text1": "修复未登录用户配置 api key 依旧无法正常对话的问题",
- "text2": "升级默认的 Azure OpenAI Service API Version 从 2023-03-15-preview 到 2023-05-15",
- "text3": "重构会话消耗的计算逻辑，现在支持展示当前会话内容消耗以及当前会话总消耗",
- "text4": "重构 API Key 配置界面，将其移动到单独的界面进行配置。现在能更友好的配置Azure OpenAI Service相关信息",
- "text5": "其他细节优化和 bug 修复"
+ "title": "v0.5.0版本更新啦 🔥🔥",
+ "text1": "🎉🎉 本次更新不花里胡哨，主要就是更新了会话分享功能。现在能够分享你当前会话给你的朋友和伙伴了",
+ "text2": "统一全局 Logo 样式",
+ "text3": "其他UI细节优化和 bug 修复"
}
}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 42ae40b..0d51c66 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,6 +8,10 @@ module.exports = {
],
theme: {
extend: {
+ backgroundImage: {
+ "share-ico":
+ "linear-gradient(to right top,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1)",
+ },
keyframes: {
fadeIn: {
"0%": { opacity: 0 },
+
+ 🎉🎉 {t("share-created")}
+ {t("share-logged-user-tip")}
+ ❌❌ {t("share-delete-tip")}
+
+ }
+ onClick={onCopyLink}
+ >
+ {t("copy-link")}
+
+ {loadingAction ? (
+
+ ) : (
+
+
+
+ {!!from && (
+
+ );
+};
+
+export default ViewsCount;
diff --git a/src/components/share/continue.tsx b/src/components/share/continue.tsx
new file mode 100644
index 0000000..9e7c201
--- /dev/null
+++ b/src/components/share/continue.tsx
@@ -0,0 +1,36 @@
+"use client";
+
+import * as React from "react";
+import { useTranslations } from "next-intl";
+import { useRouter } from "next-intl/client";
+import { VscDebugContinue } from "react-icons/vsc";
+import Button from "@/components/ui/Button";
+
+interface IProps {
+ id: string;
+}
+
+const Continue: React.FC
+ {t("from")} {from}
+
+ )}
+
+
+
+
+ |
+
+
+ {t("create-conversation")}
;
+};
+
+export default CreateChat;
diff --git a/src/components/share/notFound.tsx b/src/components/share/notFound.tsx
new file mode 100644
index 0000000..17a3d2d
--- /dev/null
+++ b/src/components/share/notFound.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import * as React from "react";
+import { useTranslations } from "next-intl";
+
+const NotFound: React.FC = () => {
+ const t = useTranslations("share");
+
+ return <>{t("not-exist")};
+};
+
+export default NotFound;
diff --git a/src/components/ui/Button/index.tsx b/src/components/ui/Button/index.tsx
index 1ade4bf..5323bfa 100644
--- a/src/components/ui/Button/index.tsx
+++ b/src/components/ui/Button/index.tsx
@@ -1,8 +1,10 @@
+"use client";
+
import * as React from "react";
import { cn } from "@/lib";
import { AiOutlineLoading } from "react-icons/ai";
-type ButtonType = "default" | "primary" | "danger" | "outline";
+type ButtonType = "default" | "primary" | "success" | "danger" | "outline";
type ButtonSize = "xs" | "sm" | "base" | "lg";
@@ -80,6 +82,16 @@ const Button = React.forwardRef