30 lines
672 B
TypeScript
30 lines
672 B
TypeScript
|
import {
|
||
|
|
createStyles,
|
||
|
|
Theme,
|
||
|
|
withStyles,
|
||
|
|
WithStyles
|
||
|
|
} from "@material-ui/core/styles";
|
||
|
|
import * as React from "react";
|
||
|
|
|
||
|
|
const styles = (theme: Theme) =>
|
||
|
|
createStyles({
|
||
|
|
spacer: {
|
||
|
|
[theme.breakpoints.down("sm")]: {
|
||
|
|
marginTop: theme.spacing.unit
|
||
|
|
},
|
||
|
|
marginTop: theme.spacing.unit * 3
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
interface CardSpacerProps extends WithStyles<typeof styles> {
|
||
|
|
children?: React.ReactNode;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const CardSpacer = withStyles(styles, { name: "CardSpacer" })(
|
||
|
|
({ classes, children }: CardSpacerProps) => (
|
||
|
|
<div className={classes.spacer}>{children}</div>
|
||
|
|
)
|
||
|
|
);
|
||
|
|
CardSpacer.displayName = "CardSpacer";
|
||
|
|
export default CardSpacer;
|