import React from 'react' import { RiVerifiedBadgeLine } from '@remixicon/react' import type { Plugin } from '../types' import Icon from '../card/base/card-icon' import CornerMark from './base/corner-mark' import Title from './base/title' import OrgInfo from './base/org-info' import Description from './base/description' import cn from '@/utils/classnames' import type { Locale } from '@/i18n' type Props = { className?: string payload: Plugin locale: Locale // The component is used in both client and server side, so we can't get the locale from both side(getLocaleOnServer and useContext) titleLeft?: React.ReactNode installed?: boolean descriptionLineRows?: number footer?: React.ReactNode serverLocale?: Locale } const Card = ({ className, payload, titleLeft, installed, descriptionLineRows = 2, footer, locale, }: Props) => { const { type, name, org, label } = payload return (