import { Toast } from 'tuya-panel-kit'

const [successShow, setSuccessShow] = React.useState(false);

<Toast.Success
  show={successShow}
  text="Successful Text"
  onFinish={() => setSuccessShow(false)}
/>

import { Toast } from 'tuya-panel-kit'

const [warningShow, setWarningShow] = React.useState(false);

<Toast.Warning
  show={warningShow}
  text="Warning Text"
  onFinish={() => setWarningShow(false)}
/>

import { Toast } from 'tuya-panel-kit'

const [errorShow, setErrorShow] = React.useState(false);

<Toast.Error
  show={errorShow}
  text="Error Text"
  onFinish={() => setErrorShow(false)}
/>

import { Toast } from 'tuya-panel-kit'

const [loadingShow, setLoadingShow] = React.useState(false);

<Toast.Loading show={loadingShow} onFinish={() => setLoadingShow(false)} />

import { Toast } from 'tuya-panel-kit'

const [show, setShow] = React.useState(false);

<Toast show={show} text="I'm toastView!!!" onFinish={() => setShow(false)} />