32 lines
958 B
TypeScript
32 lines
958 B
TypeScript
import * as React from 'react';
|
|
import { useTheme } from '@mui/material/styles';
|
|
import useMediaQuery from '@mui/material/useMediaQuery';
|
|
import Button from '@mui/material/Button';
|
|
import type { ButtonProps } from '@mui/material/Button';
|
|
|
|
import { IconButton } from './style';
|
|
|
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
|
|
export default function ConditionalIconButton(props: any): React.ReactElement {
|
|
const { icon, ...buttonProps } = props;
|
|
const theme = useTheme();
|
|
const matchSmallScreens = useMediaQuery(theme.breakpoints.down('md'));
|
|
|
|
if (matchSmallScreens) {
|
|
return (
|
|
<IconButton
|
|
color={buttonProps.color}
|
|
type={buttonProps.type}
|
|
size={buttonProps.size}
|
|
component={buttonProps.component}
|
|
to={buttonProps.to}
|
|
disabled={buttonProps.disabled}
|
|
>
|
|
{icon}
|
|
</IconButton>
|
|
);
|
|
}
|
|
|
|
return <Button {...(buttonProps as ButtonProps)} />;
|
|
}
|