28 lines
636 B
TypeScript
28 lines
636 B
TypeScript
import { Typography, useTheme } from "@mui/material";
|
||
import Box from "@mui/material/Box";
|
||
import { FC } from "react";
|
||
|
||
type SelectedParameterProps = {
|
||
parameter: string | null;
|
||
};
|
||
|
||
export const SelectedParameter: FC<SelectedParameterProps> = ({
|
||
parameter,
|
||
}) => {
|
||
const theme = useTheme();
|
||
return (
|
||
<Box
|
||
sx={{
|
||
display: "flex",
|
||
width: "100%",
|
||
padding: "15px 20px",
|
||
backgroundColor: theme.palette.background.default,
|
||
borderRadius: "12px",
|
||
marginTop: "10px",
|
||
}}
|
||
>
|
||
<Typography>{parameter ? parameter : "Не выбрано"}</Typography>
|
||
</Box>
|
||
);
|
||
};
|