Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 1x 1x 1x 1x 1x 101x | import { ButtonProps, styled } from "@mui/material";
import Button from "components/Button";
import { theme } from "theme";
const StyledButton = styled(Button)<ButtonProps>({
display: "block",
flexShrink: 0,
marginInlineStart: theme.spacing(1),
height: theme.spacing(5),
marginBottom: 0,
marginTop: "auto",
alignItems: "center",
});
const FieldButton = ({
children,
callback,
disabled,
isLoading,
isSubmit,
variant = "contained",
}: {
children: string;
callback: () => void;
disabled?: boolean;
isLoading: boolean;
isSubmit?: boolean;
variant?: "text" | "outlined" | "contained";
}) => {
return (
<StyledButton
color="primary"
disabled={disabled}
loading={isLoading}
onClick={callback}
type={isSubmit ? "submit" : "button"}
variant={variant}
>
{children}
</StyledButton>
);
};
export default FieldButton;
|