///
///
///
import { BADGE } from '@geometricpanda/storybook-addon-badges';
/**
* The grid creates visual consistency between layouts while allowing flexibility across a wide variety of designs. Grid is based on a 12-column grid layout.
*
* ```javascript
import { Grid } from "@galaxy-ds/core";
```
*/
declare const meta: {
component: (props: import("./Grid.types").GridProps) => import("react/jsx-runtime").JSX.Element;
title: string;
parameters: {
badges: BADGE[];
layout: string;
};
argTypes: {
wrap: {
description: string;
options: string[];
control: {
type: "radio";
};
};
columns: {
description: string;
control: {
disable: true;
};
defaultValue: {
summary: string;
};
};
columnSpacing: {
description: string;
};
children: {
description: string;
control: {
disable: true;
};
};
container: {
description: string;
control: {
type: "boolean";
};
defaultValue: {
summary: string;
};
};
direction: {
description: string;
defaultValue: {
summary: string;
};
control: {
type: "text";
};
};
rowSpacing: {
description: string;
control: {
disable: true;
};
};
spacing: {
description: string;
control: {
type: "number";
};
defaultValue: {
summary: string;
};
};
size: {
description: string;
control: {
disable: true;
};
};
sx: {
description: string;
control: {
disable: true;
};
};
};
decorators: ((Story: import("@storybook/csf").PartialStoryFn | undefined;
children?: import("react").ReactNode;
columns?: (number | (number | null)[] | {
xs?: number | null | undefined;
sm?: number | null | undefined;
md?: number | null | undefined;
lg?: number | null | undefined;
xl?: number | null | undefined;
}) | undefined;
columnSpacing?: (import("@mui/material").GridSpacing | (import("@mui/material").GridSpacing | null)[] | {
xs?: import("@mui/material").GridSpacing | null | undefined;
sm?: import("@mui/material").GridSpacing | null | undefined;
md?: import("@mui/material").GridSpacing | null | undefined;
lg?: import("@mui/material").GridSpacing | null | undefined;
xl?: import("@mui/material").GridSpacing | null | undefined;
}) | undefined;
container?: boolean | undefined;
direction?: (import("@mui/material").GridDirection | (import("@mui/material").GridDirection | null)[] | {
xs?: import("@mui/material").GridDirection | null | undefined;
sm?: import("@mui/material").GridDirection | null | undefined;
md?: import("@mui/material").GridDirection | null | undefined;
lg?: import("@mui/material").GridDirection | null | undefined;
xl?: import("@mui/material").GridDirection | null | undefined;
}) | undefined;
offset?: (import("@mui/material").GridOffset | (import("@mui/material").GridOffset | null)[] | {
xs?: import("@mui/material").GridOffset | null | undefined;
sm?: import("@mui/material").GridOffset | null | undefined;
md?: import("@mui/material").GridOffset | null | undefined;
lg?: import("@mui/material").GridOffset | null | undefined;
xl?: import("@mui/material").GridOffset | null | undefined;
}) | undefined;
unstable_level?: number | undefined;
rowSpacing?: (import("@mui/material").GridSpacing | (import("@mui/material").GridSpacing | null)[] | {
xs?: import("@mui/material").GridSpacing | null | undefined;
sm?: import("@mui/material").GridSpacing | null | undefined;
md?: import("@mui/material").GridSpacing | null | undefined;
lg?: import("@mui/material").GridSpacing | null | undefined;
xl?: import("@mui/material").GridSpacing | null | undefined;
}) | undefined;
size?: (import("@mui/material").GridSize | (import("@mui/material").GridSize | null)[] | {
xs?: import("@mui/material").GridSize | null | undefined;
sm?: import("@mui/material").GridSize | null | undefined;
md?: import("@mui/material").GridSize | null | undefined;
lg?: import("@mui/material").GridSize | null | undefined;
xl?: import("@mui/material").GridSize | null | undefined;
}) | undefined;
spacing?: (import("@mui/material").GridSpacing | (import("@mui/material").GridSpacing | null)[] | {
xs?: import("@mui/material").GridSpacing | null | undefined;
sm?: import("@mui/material").GridSpacing | null | undefined;
md?: import("@mui/material").GridSpacing | null | undefined;
lg?: import("@mui/material").GridSpacing | null | undefined;
xl?: import("@mui/material").GridSpacing | null | undefined;
}) | undefined;
wrap?: import("@mui/material").GridWrap | undefined;
sx?: import("@mui/system").SxProps | undefined;
color?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
fontSize?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
p?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
height?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
width?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
display?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
fontFamily?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
fontStyle?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
fontWeight?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
letterSpacing?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
order?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
overflow?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
visibility?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
lineHeight?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
textTransform?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
border?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
boxShadow?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
zIndex?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
alignContent?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
alignItems?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
alignSelf?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
bottom?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
boxSizing?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
columnGap?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
flexBasis?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
flexDirection?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
flexGrow?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
flexShrink?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
flexWrap?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
gridAutoColumns?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
gridAutoFlow?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
gridAutoRows?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
gridTemplateAreas?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
gridTemplateColumns?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
gridTemplateRows?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
justifyContent?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
justifyItems?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
justifySelf?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
left?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginBlockEnd?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginBlockStart?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginBottom?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginInlineEnd?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginInlineStart?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginLeft?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginRight?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginTop?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
maxHeight?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
maxWidth?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
minHeight?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
minWidth?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingBlockEnd?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingBlockStart?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingBottom?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingInlineEnd?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingInlineStart?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingLeft?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingRight?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
paddingTop?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
position?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
right?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
rowGap?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
textAlign?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
textOverflow?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
top?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
whiteSpace?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
borderBottom?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
borderColor?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue);
borderLeft?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
borderRadius?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
borderRight?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
borderTop?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
flex?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
gap?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
gridArea?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
gridColumn?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
gridRow?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue[] | undefined>);
margin?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginBlock?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined>);
marginInline?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue | readonly NonNullable | undefined>[] | undefined> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue