import { FC, ReactNode } from 'react'
import { Popup } from 'antd-mobile'

type KMPopupPropsType = {
  visible: boolean
  children?: ReactNode
  setVisible: (visibel: boolean) => void
}

const KMPopup: FC<KMPopupPropsType> = props => {
  return (
    <Popup
      visible={props.visible}
      onMaskClick={() => {
        props.setVisible(false)
      }}
      bodyStyle={{
        borderTopLeftRadius: '8px',
        borderTopRightRadius: '8px',
        minHeight: '40vh'
      }}
    >
      {props.children}
    </Popup>
  )
}

export default KMPopup