| | |
| | | import type { FC } from 'react' |
| | | import React from 'react' |
| | | import { useTranslation } from 'react-i18next' |
| | | import cn from '@/utils/classnames' |
| | | import { RowStruct } from '@/app/components/base/icons/src/public/other' |
| | | |
| | | type Props = { |
| | |
| | | const { t } = useTranslation() |
| | | |
| | | return ( |
| | | <div className={className}> |
| | | <div className='flex h-[34px] items-center border-y-[0.5px] border-divider-regular px-4 |
| | | text-xs text-text-tertiary shadow-xs shadow-shadow-shadow-3'> |
| | | <div className={cn(className, 'border-t border-gray-200')}> |
| | | <div className='flex items-center h-[34px] px-4 bg-gray-50 shadow-xs border-b-[0.5px] border-black/8 text-xs font-normal text-gray-700'> |
| | | {t('datasetCreation.stepOne.website.totalPageScraped')} {crawledNum}/{totalNum} |
| | | </div> |
| | | |
| | | <div className='p-2'> |
| | | {['', '', '', ''].map((item, index) => ( |
| | | <div className='py-[5px]' key={index}> |
| | | <RowStruct className='text-text-quaternary' /> |
| | | <RowStruct /> |
| | | </div> |
| | | ))} |
| | | </div> |