'use client'

import { ExtendedMessage } from '@/atoms/im'

const CallCancelItem = ({
  message,
  customData,
}: {
  message: ExtendedMessage
  customData: {
    duration: number
  }
}) => {
  return (
    <div className="my-6 flex justify-center">
      <div className="bg-surface-element-normal txt-body-s flex items-center gap-2 rounded-xs px-2 py-1 backdrop-blur-2xl">
        <div>Call Canceled</div>
        <i className="iconfont icon-hang-up" />
      </div>
    </div>
  )
}

export default CallCancelItem
