1234567891011121314151617181920212223242526272829303132 |
- 'use client'
- import type { FC } from 'react'
- import React from 'react'
- import { useTranslation } from 'react-i18next'
- import { MessageFastPlus } from '../../base/icons/src/vender/line/communication'
- import UsageInfo from '../usage-info'
- import { useProviderContext } from '@/context/provider-context'
- type Props = {
- className?: string
- }
- const Usage: FC<Props> = ({
- className,
- }) => {
- const { t } = useTranslation()
- const { plan } = useProviderContext()
- const {
- usage,
- total,
- } = plan
- return (
- <UsageInfo
- className={className}
- Icon={MessageFastPlus}
- name={t('billing.annotatedResponse.quotaTitle')}
- usage={usage.annotatedResponse}
- total={total.annotatedResponse}
- />
- )
- }
- export default React.memo(Usage)
|