import { StyElevationDisplay, StyElevationGroup } from "@dreipol/t3-ui"
import { useTheme } from "@mui/material";

export const StyElevations = () => {
    const theme = useTheme();

    return <StyElevationGroup>
        { theme.shadows.map((value, key) => {
            return <StyElevationDisplay boxShadow={ value } label={ `Shadows ${ key }` }/>
        }) }
    </StyElevationGroup>
}