import * as React from 'react';
import PropTypes from 'prop-types';
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
import Card from '@mui/material/Card';
import CardActions from '@mui/material/CardActions';
import CardContent from '@mui/material/CardContent';
import Container from '@mui/material/Container';
import CssBaseline from '@mui/material/CssBaseline';
import Divider from '@mui/material/Divider';
import IconButton from '@mui/material/IconButton';
import LinearProgress from '@mui/material/LinearProgress';
import Link from '@mui/material/Link';
import Menu from '@mui/material/Menu';
import MenuItem from '@mui/material/MenuItem';
import OutlinedInput from '@mui/material/OutlinedInput';
import Stack from '@mui/material/Stack';
import Tab from '@mui/material/Tab';
import Tabs from '@mui/material/Tabs';
import Typography from '@mui/material/Typography';
import MoreVertIcon from '@mui/icons-material/MoreVert';
import NotificationsRoundedIcon from '@mui/icons-material/NotificationsRounded';
import Head from 'docs/src/modules/components/Head';
import AppTheme from 'docs/data/material/getting-started/templates/shared-theme/AppTheme';
import ColorModeIconDropdown from 'docs/data/material/getting-started/templates/shared-theme/ColorModeIconDropdown';
import {
chartsCustomizations,
dataGridCustomizations,
datePickersCustomizations,
treeViewCustomizations,
} from 'docs/data/material/getting-started/templates/dashboard/theme/customizations';
import CustomDatePicker from 'docs/data/material/getting-started/templates/dashboard/components/CustomDatePicker';
const xThemeComponents = {
...chartsCustomizations,
...dataGridCustomizations,
...datePickersCustomizations,
...treeViewCustomizations,
};
function CustomTabPanel(props: { [x: string]: any; children: any; value: any; index: any }) {
const { children, value, index, ...other } = props;
return (
{value === index && (
{children}
)}
);
}
CustomTabPanel.propTypes = {
children: PropTypes.node,
index: PropTypes.number.isRequired,
value: PropTypes.number.isRequired,
};
function a11yProps(index: number) {
return {
id: `simple-tab-${index}`,
'aria-controls': `simple-tabpanel-${index}`,
};
}
export default function DashboardTemplateTheme() {
const [anchorEl, setAnchorEl] = React.useState(null);
const open = Boolean(anchorEl);
const handleClick = (event: React.MouseEvent) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
const [value, setValue] = React.useState(0);
const handleChange = (_event: any, newValue: React.SetStateAction) => {
setValue(newValue);
};
return (
Dashboard template theme
Word of the Day
be•nev•o•lent
adjective
well meaning and kindly.
{'"a benevolent smile"'}
Word of the Day
be•nev•o•lent
adjective
well meaning and kindly.
{'"a benevolent smile"'}
Link
Item One
Item Two
Item Three
);
}