styled components cleaner way for multiple props

styled-component-multiple-props.js

import styled, { css } from 'styled-components'

const Button = styled.button(props => css`
  height: ${props.height};
  width: ${props.width};
  color: ${props.theme.fontColor};
  background-color: ${props.theme.backgroundColor};
`)

// OR

const sizeProps = props => css`
  ${props.width && `width: ${props.width}`};
  ${props.height && `height: ${props.height}`};
  ${props.maxWidth && `max-width: ${props.maxWidth}`};
  ${props.maxHeight && `max-height: ${props.maxHeight}`};
`;

const Button = styled.button`
  ${sizeProps}
`