import React from 'react'
import './connect-item.scss'

function ConnectItem({ ipAddress ,isConnected=false, isPreviewing=false}) {
  return (
    <div className="connect-item-container">
      <div className="ip-address">{ipAddress}</div>
      <div className="connect-btn">
        {isConnected ? '断开' : '连接'}
      </div>
      <div className="preview-btn">
        {isPreviewing ? '停止预览' : '预览'}
      </div>
    </div>
  )
}

export default ConnectItem
