material-you-react/src/primitive-components/card/card-media.tsx

18 lines
562 B
TypeScript
Raw Normal View History

2024-02-03 01:05:53 +03:00
import React, { forwardRef } from 'react';
import { CardMediaProps, CardMediaType } from './card.types';
2024-02-03 01:05:53 +03:00
export const CardMedia = forwardRef<CardMediaType, CardMediaProps>(
(
{ rounded = true, preview = true, type, className = '', ...props },
ref,
) => {
const classes =
`m3 m3-card-media${rounded ? ' m3-rounded' : ''}${preview ? ' m3-preview' : ''} ${className}`.trimEnd();
return React.createElement(type, {
...props,
className: classes,
ref: ref,
});
},
);