import { FC } from "react"
// import {
//   Trigger,
//   WarningCircleIcon,
//   globalColor,
//   illaPrefix,
// } from "@illa-design/react"
import { LabelNameAndDragIconProps } from "./interface"
import {
  labelNameAndDragIconWrapperStyle,
  labelNameStyle,
  selectedIconAndLabelNameWrapperStyle,
} from "./style"

export const LabelNameAndDragIcon: FC<LabelNameAndDragIconProps> = (props) => {
  const { name } = props

  return (
    <div css={labelNameAndDragIconWrapperStyle}>
      <div css={selectedIconAndLabelNameWrapperStyle}>
        <span css={labelNameStyle}>{name}</span>
        
      </div>
    </div>
  )
}
