dify/web/app/components/datasets/create-from-pipeline/index.tsx

'use client'
import Header from './header'
import CreateOptions from './create-options'
import List from './list'
import Effect from '../../base/effect'

const CreateFromPipeline = () => {
  return (
    <div
      className='relative flex flex-col rounded-t-2xl border-t border-effects-highlight bg-background-default-subtle'
      style={{ height: 'calc(100vh - 56px)' }}
    >
      <Effect className='left-8 top-[-34px] opacity-20' />
      <Header />
      <CreateOptions />
      <List />
    </div>
  )
}

export default CreateFromPipeline