Function ScreenshotTabs

docs/src/components/ScreenshotTabs.tsx:20–39

({
  screenshotData,
  baseUrl,
})

    : `tabScreenshot${value.includes('full-width') ? 'full-width' : ''}`;

const ScreenshotTabs: React.FC<ScreenshotTabsProps> = ({
  screenshotData,
  baseUrl,
}) => {
  const renderScreenhot = (src: string): ReactNode => (
    <img src={`${baseUrl}${src}`} className={getClassName(src)} />
  );

  if (typeof screenshotData === 'string') {
    return renderScreenhot(screenshotData);
  }

  const screenshots = Object.entries(screenshotData).map(([key, value]) => (
    <TabItem key={key} value={key} label={key} default>
      {renderScreenhot(value as string)}
    </TabItem>
  ));

  return <Tabs>{screenshots}</Tabs>;
};

export default ScreenshotTabs;