{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "backgroundColor": "{colors.background}",
    "display": "flex",
    "width": "full",
    "flex": "1",
    "flexDirection": "column"
  },
  "variants": {
    "variant": {
      "flat": {
        "rounded": "{rounded.none}"
      },
      "raised": {
        "rounded": "{rounded.none}",
        "shadow": "{shadow.sm}",
        "margin": "{spacing.2}",
        "marginStart": "{spacing.0}"
      }
    }
  },
  "defaults": {
    "variant": "flat"
  }
}