Card

import { Card, Flex } from 'marketing-ui'

function Demo() {
  return (
    <Flex gap={{ default: 'macro' }}>
      <Card>
        <p>Panel 1</p>
      </Card>
      <Card>
        <p>Panel 2</p>
      </Card>
      <Card>
        <p>Panel 3</p>
      </Card>
    </Flex>
  )
}

export default Demo