All files / app/components HeaderButton.tsx

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
9x
9x
 
 
 
 
 
 
9x
 
123x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9x
 
123x
 
import { IconButton, IconButtonProps } from "@mui/material";
import React, { ReactNode } from "react";
 
interface HeaderButtonProps extends IconButtonProps {
  children?: ReactNode;
  onClick: () => void;
}
 
const HeaderButton = React.forwardRef<HTMLButtonElement, HeaderButtonProps>(
  (props, ref) => {
    const { className, children, onClick, ...otherProps } = props;
 
    return (
      <IconButton
        {...otherProps}
        onClick={onClick}
        className={className}
        size="large"
        ref={ref}
        sx={{ borderRadius: "50%", boxShadow: "0px 0px 4px" }}
      >
        {children}
      </IconButton>
    );
  }
);
 
HeaderButton.displayName = "HeaderButton";
 
export default HeaderButton;