Box

[ahmad-reza619]

This Box component is like a div but we can assign any styling to it via the props like so

<Box
    alignItems="center"
    flex
    justifyContent="center"
    padding={10}
>
    Heya!
</Box>

[ahmad-reza619]

Still incomplete, & need polishing

[ahmad-reza619]

this time i made the padding, & margin props to be using spacing unit, like 'small' or 'large'

<Box padding='small'>This is box</Box>