import * as React from
"react"
;
import {
Button,
Card,
CardMedia,
CardActions,
CardContent,
} from
"@mui/material"
;
import { styled } from
"@mui/material/styles"
;
import Typography from
"@mui/material/Typography"
;
import IconButton from
"@mui/material/IconButton"
;
import Collapse from
"@mui/material/Collapse"
;
import ExpandMoreIcon from
"@mui/icons-material/ExpandMore"
;
const ExpandMore = styled((props) => {
const { expand, ...other } = props;
return
<IconButton {...other} />;
})(({ theme, expand }) => ({
transform: !expand ?
"rotate(0deg)"
:
"rotate(180deg)"
,
marginLeft:
"auto"
,
transition: theme.transitions.create(
"transform"
, {
duration: theme.transitions.duration.shortest,
}),
}));
export
default
function
Demo() {
const [expanded, setExpanded] = React.useState(
false
);
const handleExpandClick = () => {
setExpanded(!expanded);
};
return
(
<div style={{ margin: 10 }}>
<h1 style={{ color:
"green"
}}>GeeksforGeeks</h1>
<Card raised={
true
} sx={{ maxWidth: 1500 }}>
<CardMedia
component=
"img"
height=
"300"
image=
alt=
"GFG Logo"
/>
<CardContent sx={{ bgcolor:
"#E8E8E8"
}}>
<h3>DSA Self Paced Course</h3>
<h4 style={{ color:
"green"
}}>
Most popular course on DSA trusted by over 75,000
students! Built
with
years of experience by industry
experts and gives you a complete package of video
lectures, practice problems, quizzes, discussion forums
and contests.
<br />
Start Today !
</h4>
</CardContent>
<CardActions>
<Button variant=
"contained"
color=
"warning"
>
Share
</Button>
<Button variant=
"contained"
color=
"success"
>
Enroll
</Button>
<Button variant=
"contained"
color=
"success"
>
Expand more
<ExpandMore
expand={expanded}
onClick={handleExpandClick}
aria-expanded={expanded}
aria-label=
"show more"
>
<ExpandMoreIcon />
</ExpandMore>
</Button>
</CardActions>
<Collapse
in
={expanded} timeout=
"auto"
unmountOnExit>
<CardContent>
<Typography paragraph>
This course does not require any prior knowledge of
Data Structure and Algorithms and it covers all
topics
in
two languages: C++ and Java. You will also
learn algorithmic techniques
for
solving various
problems, get to learn important topics
for
interviews and get fluent
in
the basics of
programming. You will master all the important
topics of data structures and algorithms like
sorting, strings, heaps, DP, searching, trees and
more and even learn
this
concepts by practicing on
real-world projects. If you have any more queries
you can write to us at courses@geeksforgeeks.org
</Typography>
</CardContent>
</Collapse>
</Card>
</div>
);
}