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 | 10x 10x 10x 10x 39x 10x 414x 414x | import { IconButton, IconButtonProps } from "@material-ui/core";
import classNames from "classnames";
import React, { ReactNode } from "react";
import makeStyles from "utils/makeStyles";
const useStyles = makeStyles((theme) => ({
root: {
borderRadius: "50%",
boxShadow: "0px 0px 4px",
},
}));
interface HeaderButtonProps extends IconButtonProps {
children?: ReactNode;
onClick: () => void;
}
export default function HeaderButton({
className,
children,
onClick,
...otherProps
}: HeaderButtonProps) {
const classes = useStyles();
return (
<IconButton
{...otherProps}
onClick={onClick}
className={classNames(classes.root, className)}
>
{children}
</IconButton>
);
}
|