Function Card

examples/files/react/inlineStyles.js:6–19

({ color, children })

const randomColor = () => '#' + Math.random().toString(16).substr(-6)

const Card = ({ color, children }) => {
  return (
    <div
      style={{
        padding: '20px',
        textAlign: 'center',
        color: 'white',
        backgroundColor: color,
      }}
    >
      {children}
    </div>
  )
}

const App = () => {
  const [color, setColor] = useState('skyblue')