32 lines
806 B
TypeScript
32 lines
806 B
TypeScript
import type { SxProps, Theme } from '@mui/material/styles';
|
|
import { Markdown } from 'src/components/markdown';
|
|
|
|
// ----------------------------------------------------------------------
|
|
|
|
type Props = {
|
|
description?: string;
|
|
sx?: SxProps<Theme>;
|
|
};
|
|
|
|
export function ProductDetailsDescription({ description, sx }: Props) {
|
|
return (
|
|
<Markdown
|
|
children={description}
|
|
sx={[
|
|
() => ({
|
|
p: 3,
|
|
'& p, li, ol, table': { typography: 'body2' },
|
|
'& table': {
|
|
mt: 2,
|
|
maxWidth: 640,
|
|
'& td': { px: 2 },
|
|
'& td:first-of-type': { color: 'text.secondary' },
|
|
'tbody tr:nth-of-type(odd)': { bgcolor: 'transparent' },
|
|
},
|
|
}),
|
|
...(Array.isArray(sx) ? sx : [sx]),
|
|
]}
|
|
/>
|
|
);
|
|
}
|