import { Transition } from '@headlessui/react' ; import React , { PropsWithChildren } from 'react' ; interface Props { on : boolean ; className ? : string ; } export default function JetActionMessage ( { on , className , children , } ) { return ( < div className = { className } > < Transition show = { on } leave = "transition ease-in duration-1000" leave - from - class = "opacity-100" leaveTo = "opacity-0" > < div className = "text-sm text-gray-600" > { children } < /div> < /Transition> < /div>); }