import React from 'react' ; import Dialog , { DialogHeader , DialogContent , DialogFooter , DialogTitle , } from './index' ; import { ButtonPrimary , Input , LabelInput } from './..' ; export default { title : 'Design/Dialog/Basic' , } ; export const Basic = ( ) => ( < Dialog open = { true } > < DialogHeader > < DialogTitle > Header title < /DialogTitle> < /DialogHeader> < DialogContent width = "400px" > < p > Some text and other elements inside content < /p> < LabelInput > Input < /LabelInput> < Input / > < /DialogContent> < DialogFooter > < ButtonPrimary onClick = { ( ) => null } > Save And Close < /ButtonPrimary> < /DialogFooter> < /Dialog>);