| | |
| | | import type { FC } from 'react' |
| | | import React, { useEffect } from 'react' |
| | | import { useTranslation } from 'react-i18next' |
| | | import { RiEqualizer2Line } from '@remixicon/react' |
| | | import cn from '@/utils/classnames' |
| | | import { Settings04 } from '@/app/components/base/icons/src/vender/line/general' |
| | | import { ChevronRight } from '@/app/components/base/icons/src/vender/line/arrows' |
| | | const I18N_PREFIX = 'datasetCreation.stepOne.website' |
| | | |
| | |
| | | return ( |
| | | <div className={cn(className, !fold ? 'mb-0' : 'mb-3')}> |
| | | <div |
| | | className='flex h-[26px] cursor-pointer select-none items-center gap-x-1 py-1' |
| | | className='flex justify-between items-center h-[26px] py-1 cursor-pointer select-none' |
| | | onClick={foldToggle} |
| | | > |
| | | <div className='flex grow items-center'> |
| | | <RiEqualizer2Line className='mr-1 h-4 w-4 text-text-secondary' /> |
| | | <span className='text-[13px] font-semibold uppercase leading-[16px] text-text-secondary'>{t(`${I18N_PREFIX}.options`)}</span> |
| | | <div className='flex items-center text-gray-700'> |
| | | <Settings04 className='mr-1 w-4 h-4' /> |
| | | <div className='text-[13px] font-semibold text-gray-800 uppercase'>{t(`${I18N_PREFIX}.options`)}</div> |
| | | </div> |
| | | <ChevronRight className={cn(!fold && 'rotate-90', 'h-4 w-4 shrink-0 text-text-tertiary')} /> |
| | | <ChevronRight className={cn(!fold && 'rotate-90', 'w-4 h-4 text-gray-500')} /> |
| | | </div> |
| | | {!fold && ( |
| | | <div className='mb-4'> |