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