25 lines
565 B
TypeScript
25 lines
565 B
TypeScript
|
import * as React from 'react';
|
||
|
|
import { ButtonProps } from '@mui/material';
|
||
|
|
import Button from '../components/Button';
|
||
|
|
import defer from './defer';
|
||
|
|
|
||
|
|
interface FormButtonProps {
|
||
|
|
disabled?: boolean;
|
||
|
|
mounted?: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
function FormButton<C extends React.ElementType>(
|
||
|
|
props: FormButtonProps & ButtonProps<C, { component?: C }>,
|
||
|
|
) {
|
||
|
|
const { disabled, mounted, ...others } = props;
|
||
|
|
return (
|
||
|
|
<Button
|
||
|
|
disabled={!mounted || !!disabled}
|
||
|
|
type="submit"
|
||
|
|
variant="contained"
|
||
|
|
{...others}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
export default defer(FormButton);
|