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

20 lines
592 B
TypeScript
Raw Normal View History

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