You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
22 lines
447 B
22 lines
447 B
import React from 'react'
|
|
import { Box, Label, BoxProps } from '..'
|
|
|
|
export type StoryWrapperProps = BoxProps & {
|
|
label: string;
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
const StoryWrapper: React.FC<StoryWrapperProps> = (props) => {
|
|
const { label, children } = props
|
|
return (
|
|
<Box variant="grey">
|
|
<Label>{label}</Label>
|
|
<Box bg="white" p="xxl" width={1}>
|
|
{children}
|
|
</Box>
|
|
</Box>
|
|
)
|
|
}
|
|
|
|
export default StoryWrapper
|