import { RtFrame } from '@dpa/react-frame-intro'
import { RtText } from '@dpa/react-text'
import { ReactNode } from 'react'

export function RecipeBlock({ children, label }: { children: ReactNode, label: string }) {
    return (<RtFrame
    as="div"
    surface="foundation-pure"
    use="cloudy"
    style={{
      display: 'flex',
      flexDirection: 'column',
      gap: '20px',
      borderRadius: '10px',
      padding: '24px',
    }}
  >
    <RtText typography="title-md-medium">{label}</RtText>
    {children}
  </RtFrame>)
}