@atlaskit/media-card 77.12.0 → 77.12.1

package/example-helpers/cardViewWrapper.tsx

@@ -3,42 +3,38 @@ import { jsx } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 
 type CardViewWrapperProps = {
-  small?: boolean;
-  displayInline?: boolean;
-  children?: JSX.Element;
+	small?: boolean;
+	displayInline?: boolean;
+	children?: JSX.Element;
 };
 
 const displayInlineStyles = (displayInline?: boolean) => {
-  return displayInline ? 'inline-block;' : '';
+	return displayInline ? 'inline-block;' : '';
 };
 
 // Minimum supported dimensions
 const smallStyles = xcss({
-  width: '156px',
-  height: '108px',
+	width: '156px',
+	height: '108px',
 });
 
 // Maximum supported dimensions
 const largeStyles = xcss({
-  width: '600px',
-  height: '450px',
+	width: '600px',
+	height: '450px',
 });
 
 const cardWrapperStyles = ({ small, displayInline }: CardViewWrapperProps) =>
-  xcss({
-    display: displayInlineStyles(displayInline),
-    marginBlock: 'space.200',
-    marginInline: 'space.250',
-  });
+	xcss({
+		display: displayInlineStyles(displayInline),
+		marginBlock: 'space.200',
+		marginInline: 'space.250',
+	});
 
 export const CardViewWrapper = (props: CardViewWrapperProps) => {
-  if (props.small) {
-    return (
-      <Box xcss={[cardWrapperStyles(props), smallStyles]}>{props.children}</Box>
-    );
-  } else {
-    return (
-      <Box xcss={[cardWrapperStyles(props), largeStyles]}>{props.children}</Box>
-    );
-  }
+	if (props.small) {
+		return <Box xcss={[cardWrapperStyles(props), smallStyles]}>{props.children}</Box>;
+	} else {
+		return <Box xcss={[cardWrapperStyles(props), largeStyles]}>{props.children}</Box>;
+	}
 };