Files
dify/web/app/components/workflow/skill/start-tab/create-import-section.tsx
2026-01-30 12:42:20 +08:00

28 lines
820 B
TypeScript

'use client'
import { RiAddCircleFill, RiUploadLine } from '@remixicon/react'
import { memo } from 'react'
import { useTranslation } from 'react-i18next'
import ActionCard from './action-card'
const CreateImportSection = () => {
const { t } = useTranslation('workflow')
return (
<div className="grid grid-cols-3 gap-2 px-6 pb-4 pt-6">
<ActionCard
icon={<RiAddCircleFill className="size-5 text-text-accent" />}
title={t('skill.startTab.createBlankSkill')}
description={t('skill.startTab.createBlankSkillDesc')}
/>
<ActionCard
icon={<RiUploadLine className="size-5 text-text-accent" />}
title={t('skill.startTab.importSkill')}
description={t('skill.startTab.importSkillDesc')}
/>
</div>
)
}
export default memo(CreateImportSection)