2021-08-17 15:45:29 +00:00
|
|
|
import * as React from "react"
|
|
|
|
import * as ReactDOM from "react-dom"
|
|
|
|
import * as Decorators from "../../utils/Decorators"
|
|
|
|
import { LayoutFill } from "./LayoutFill"
|
|
|
|
import { Bluelib } from "../Bluelib"
|
2021-08-17 16:10:51 +00:00
|
|
|
import { Box } from "../panels/Box"
|
2021-08-17 15:45:29 +00:00
|
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
component: LayoutFill,
|
|
|
|
title: "Layouts/LayoutFill",
|
|
|
|
decorators: [Decorators.Bluelib, Decorators.Fill],
|
|
|
|
parameters: {
|
|
|
|
layout: "fullscreen",
|
|
|
|
},
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
export const Default = props => (
|
|
|
|
<LayoutFill {...props}>
|
|
|
|
<LayoutFill.Single>
|
2021-08-17 16:10:51 +00:00
|
|
|
<Box>
|
|
|
|
Single
|
|
|
|
</Box>
|
2021-08-17 15:45:29 +00:00
|
|
|
</LayoutFill.Single>
|
|
|
|
</LayoutFill>
|
|
|
|
)
|
|
|
|
Default.args = {}
|