Local panel component

component.jsx

import React from 'react'
import { Root } from './styles'

export default ({ withPadding, children, ...props }) => (
  <Root {...props} withPadding={withPadding}>{children}</Root>
 )

styles.js

import styled from 'react-emotion'

export const Root = styled.div`
  ${({ theme, withPadding }) => `
    border-radius: ${theme.radii.rounded};
    padding: ${withPadding ? theme.spacing.l : 0};
    // Change this to whichever color you need!
    background: ${theme.palette.structure.white};
    box-shadow: ${theme.elevations.low};
  `};
`