416d7d87f6
* Remove unused code * Move theme to separate directory * Separate types * Separate shadows * Separate shadows * Rename types * Modularize code * Do not pollute prototypes * Fix missing import * Aliast mui styles * Import theming internally * Fix types * Fix override type
28 lines
611 B
TypeScript
28 lines
611 B
TypeScript
import { makeStyles } from "@saleor/theme";
|
|
import React from "react";
|
|
|
|
const useStyles = makeStyles(
|
|
theme => ({
|
|
spacer: {
|
|
[theme.breakpoints.down("sm")]: {
|
|
marginTop: theme.spacing(1)
|
|
},
|
|
marginTop: theme.spacing(3)
|
|
}
|
|
}),
|
|
{ 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;
|