/
PlayButton.tsx
37 lines (36 loc) · 869 Bytes
/
PlayButton.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
32
33
34
35
36
37
import Button, { ButtonProps } from "@mui/material/Button";
import PlayArrowIcon from "@mui/icons-material/PlayArrow";
export default function PlayButton({ sx, ...others }: ButtonProps) {
return (
<Button
color="inherit"
variant="contained"
startIcon={
<PlayArrowIcon
sx={{
color: "#000",
fontSize: {
xs: "24px !important",
sm: "32px !important",
md: "40px !important",
},
}}
/>
}
{...others}
sx={{
color: "#000",
px: { xs: 1, sm: 2 },
py: { xs: 0.5, sm: 1 },
fontSize: { xs: 18, sm: 24, md: 28 },
lineHeight: 1.5,
fontWeight: "bold",
whiteSpace: "nowrap",
textTransform: "capitalize",
...sx,
}}
>
Play
</Button>
);
}