wix-style-react
Version:
wix-style-react
67 lines (66 loc) • 1.73 kB
JavaScript
/* eslint-disable */
React.createElement(
Box,
{ minHeight: 200, dataHook: "storybook-multiple-boxes-within-box" },
React.createElement(
Box,
{ align: "center", verticalAlign: "middle", width: 230, backgroundColor: "B40" },
React.createElement(
Box,
{ padding: 2, color: "B25", backgroundColor: "B50", borderRadius: "50%" },
React.createElement(Image, null)
)
),
React.createElement(
Box,
{
direction: "vertical",
verticalAlign: "space-between",
padding: "24px 29px 27px",
backgroundColor: "D80",
flexGrow: 1
},
React.createElement(
Box,
{ direction: "vertical" },
React.createElement(
Text,
{ weight: "bold" },
"FED for BED (3)"
),
React.createElement(
Text,
{ size: "tiny", weight: "thin", secondary: true, light: true },
"Jan 20, 2019, 10:00 AM, Location will be announced later"
)
),
React.createElement(
Box,
{ align: "space-between" },
React.createElement(
Box,
{ verticalAlign: "middle", color: "D10" },
React.createElement(Hint, null),
React.createElement(
Box,
{ marginLeft: 1 },
"Event location is TBD"
)
),
React.createElement(
Box,
{ align: "space-between", verticalAlign: "middle", minWidth: 115 },
React.createElement(
IconButton,
{ priority: "secondary", size: "small" },
React.createElement(More, null)
),
React.createElement(
Button,
{ upgrade: true, priority: "secondary", size: "small" },
"Edit"
)
)
)
)
);