{{ #directive }}
{{{ directive }}}
{{ /directive }}
import React, { memo } from 'react';
import { {{name}}, {{name}}Props{{ #exports }}, {{{ exports }}}{{ /exports }} } from '@mui/material';

type {{prefix}}{{name}}Props{{ #typeGenerics }}<{{{ typeGenerics }}}>{{ /typeGenerics }} = {{name}}Props{{ #typeGenericsApplied }}<{{{ typeGenericsApplied }}}>{{ /typeGenericsApplied }};

{{^componentTypes}}  
export const {{prefix}}{{name}}: React.FC<{{prefix}}{{name}}Props> = memo((props) => <{{name}} {...props} />);
{{/componentTypes}}
{{#componentTypes}}  
export const {{prefix}}{{name}} = memo(<{{componentTypes}},>(props: {{prefix}}{{name}}Props<{{componentTypes}}>) => <{{name}} {...props} />);
{{/componentTypes}}