import React from 'react' ; import { NextLink , Prop , PropTable , PropTableWrapper } from '../components' ; const marginProps = [ { name : 'margin' , types : < NextLink href = "/margin" > Margin < /NextLink>, description : 'Determines the margin to be applied.' , } , { name : 'marginTop' , types : < NextLink href = "/margin" > Margin < /NextLink>, description : 'Determines the top margin to be applied.' , } , { name : 'marginRight' , types : < NextLink href = "/margin" > Margin < /NextLink>, description : 'Determines the right margin to be applied.' , } , { name : 'marginBottom' , types : < NextLink href = "/margin" > Margin < /NextLink>, description : 'Determines the bottom margin to be applied.' , } , { name : 'marginLeft' , types : < NextLink href = "/margin" > Margin < /NextLink>, description : 'Determines the left margin to be applied.' , } , { name : 'marginVertical' , types : < NextLink href = "/margin" > Margin < /NextLink>, description : 'Determines the top and bottom margin to be applied.' , } , { name : 'marginHorizontal' , types : < NextLink href = "/margin" > Margin < /NextLink>, description : 'Determines the left and right margin to be applied.' , } , ] ; export const MarginPropTable = ( props ) => ( < PropTable title = "Margin" propList = { marginProps } { ... props } />);