d5c9a3dae8
* Require trailing commas * Add trailing commas * Add trailing commas in testUtils dir * Add trailing commas
28 lines
618 B
TypeScript
28 lines
618 B
TypeScript
import { makeStyles } from "@saleor/macaw-ui";
|
|
import React from "react";
|
|
|
|
const useStyles = makeStyles(
|
|
theme => ({
|
|
spacer: {
|
|
[theme.breakpoints.down("sm")]: {
|
|
marginTop: theme.spacing(2),
|
|
},
|
|
marginTop: theme.spacing(4),
|
|
},
|
|
}),
|
|
{ name: "CardSpacer" },
|
|
);
|
|
|
|
interface CardSpacerProps {
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
export const CardSpacer: React.FC<CardSpacerProps> = props => {
|
|
const { children } = props;
|
|
|
|
const classes = useStyles(props);
|
|
|
|
return <div className={classes.spacer}>{children}</div>;
|
|
};
|
|
CardSpacer.displayName = "CardSpacer";
|
|
export default CardSpacer;
|