1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
| import type { CSSProperties, FC } from "react";
|
| import { cn } from "../../utils/bem";
| import "./Space.scss";
|
| export interface SpaceProps {
| direction?: "horizontal" | "vertical";
| size?: "small" | "medium" | "large" | "none";
| style?: CSSProperties;
| spread?: boolean;
| stretch?: boolean;
| align?: "start" | "end";
| collapsed?: boolean;
| truncated?: boolean;
| className?: string;
| }
|
| export const Space: FC<SpaceProps> = ({
| direction = "horizontal",
| size,
| className,
| style,
| children,
| spread,
| stretch,
| align,
| collapsed,
| truncated,
| ...rest
| }) => {
| return (
| <div
| style={style}
| {...rest}
| className={cn("space")
| .mod({ direction, size, spread, stretch, align, collapsed, truncated })
| .mix(className)
| .toClassName()}
| >
| {children}
| </div>
| );
| };
|
|
