import React from 'react';
import { SBox } from '../../s-components/layout/s-box';
import { TCssRules } from '../../types';

type TProps = TCssRules & {
  children: React.ReactNode;
};

export const MediaFigure: React.FC<TProps> = props => {
  const { children, ...css } = props;

  return (
    <SBox {...css} flexShrink={0} flexGrow={0}>
      {children}
    </SBox>
  );
};