29 lines
603 B
TypeScript
29 lines
603 B
TypeScript
import { Transition } from '@headlessui/react';
|
|
import React, { PropsWithChildren } from 'react';
|
|
|
|
interface Props {
|
|
on: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
export default function ActionMessage({
|
|
on,
|
|
className,
|
|
children,
|
|
}: PropsWithChildren<Props>) {
|
|
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 dark:text-gray-400">
|
|
{children}
|
|
</div>
|
|
</Transition>
|
|
</div>
|
|
);
|
|
}
|