web/app/components/share/chat/sidebar/card.tsx

import React from 'react'
import { useTranslation } from 'react-i18next'
import s from './card.module.css'

type PropType = {
  children: React.ReactNode
  text?: string
}
function Card({ children, text }: PropType) {
  const { t } = useTranslation()
  return (
    <div className={`${s.card} box-border w-full flex flex-col items-start px-4 py-3 rounded-lg border-solid border border-gray-200  cursor-pointer hover:border-primary-300`}>
      <div className='text-gray-400 font-medium text-xs mb-2'>{text ?? t('share.chat.powerBy')}</div>
      {children}
    </div>
  )
}

export default Card