レイアウトを整えるために使うSpacerコンポーネントメモ

import { styled } from 'twin.macro'

export type Props = {
  h?: string,
  w?: string
}

export const Component: React.FC<Props> = ({...props}) => {
  return (
    <Spacer {...props} />
  )
}

const Spacer = styled.div<Props>(({ h, w }) => [
  h && `height: ${h}`,
  w && `width: ${w}`
])

export { Component as Spacer }