23 lines
547 B
TypeScript
23 lines
547 B
TypeScript
import { makeStyles } from "@saleor/macaw-ui";
|
|
import React from "react";
|
|
|
|
export interface HorizontalSpacerProps {
|
|
spacing?: number;
|
|
}
|
|
|
|
const useStyles = makeStyles(
|
|
theme => ({
|
|
container: ({ spacing }: Required<HorizontalSpacerProps>) => ({
|
|
width: theme.spacing(spacing),
|
|
}),
|
|
}),
|
|
{ name: "HorizontalSpacer" },
|
|
);
|
|
|
|
const HorizontalSpacer: React.FC<HorizontalSpacerProps> = ({ spacing = 1 }) => {
|
|
const classes = useStyles({ spacing });
|
|
|
|
return <div className={classes.container} />;
|
|
};
|
|
|
|
export default HorizontalSpacer;
|