misc_pterodactyl-panel/resources/scripts/components/elements/dialog/DialogFooter.tsx
2023-01-12 12:31:47 -07:00

18 lines
552 B
TypeScript

import { useContext } from 'react';
import * as React from 'react';
import { DialogContext } from './';
import { useDeepCompareEffect } from '@/plugins/useDeepCompareEffect';
export default ({ children }: { children: React.ReactNode }) => {
const { setFooter } = useContext(DialogContext);
useDeepCompareEffect(() => {
setFooter(
<div className={'flex items-center justify-end space-x-3 rounded-b bg-slate-700 px-6 py-3'}>
{children}
</div>,
);
}, [children]);
return null;
};