'use client'
import { CheckboxSkeleton } from '@langgenius/dify-ui/checkbox'
import * as React from 'react'
import Placeholder from '../../card/base/placeholder'

const Loading = () => {
  return (
    <div className="flex items-center space-x-2">
      <CheckboxSkeleton
        className="shrink-0"
      />
      <div className="hover-bg-components-panel-on-panel-item-bg relative grow rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-on-panel-item-bg p-4 pb-3 shadow-xs">
        <Placeholder
          wrapClassName="w-full"
        />
      </div>
    </div>
  )
}

export default React.memo(Loading)