38 lines
797 B
TypeScript
38 lines
797 B
TypeScript
import Button from "@mui/material/Button";
|
|
import type { ButtonProps } from "@mui/material/Button";
|
|
import { useTheme } from "@mui/material/styles";
|
|
|
|
export const ButtonInput = ({ sx, ...props }: ButtonProps) => {
|
|
const theme = useTheme();
|
|
const outlinedSx =
|
|
props.variant === "outlined"
|
|
? {
|
|
color: theme.palette.text.primary,
|
|
borderColor: theme.palette.divider,
|
|
"&:hover": {
|
|
borderColor: theme.palette.text.secondary,
|
|
},
|
|
}
|
|
: {};
|
|
return (
|
|
<Button
|
|
{...props}
|
|
sx={{
|
|
textTransform: "none",
|
|
height: 34,
|
|
fontWeight: 400,
|
|
borderRadius: 2,
|
|
whiteSpace: "nowrap",
|
|
textOverflow: "ellipsis",
|
|
overflow: "hidden",
|
|
boxShadow: "none",
|
|
"&:hover": {
|
|
boxShadow: "none",
|
|
},
|
|
...outlinedSx,
|
|
...sx,
|
|
}}
|
|
/>
|
|
);
|
|
};
|