var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: !0 });
}, __copyProps = (to, from, except, desc) => {
  if (from && typeof from == "object" || typeof from == "function")
    for (let key of __getOwnPropNames(from))
      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
var Card_exports = {};
__export(Card_exports, {
  Card: () => Card,
  CardBody: () => CardBody,
  CardFrame: () => CardFrame,
  CardHeader: () => CardHeader,
  CardHeadline: () => CardHeadline,
  CardSubheader: () => CardSubheader,
  SupportingText: () => SupportingText
});
module.exports = __toCommonJS(Card_exports);
var import_tamagui = require("tamagui"), import_typography = require("./typography");
const CardContext = (0, import_tamagui.createStyledContext)({
  variant: void 0,
  color: void 0,
  density: "0"
}), CardFrame = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "Card",
  context: CardContext,
  overflow: "hidden",
  pos: "relative",
  flexDirection: "column",
  variants: {
    pressable: {
      true: {
        cursor: "pointer",
        hoverStyle: {
          shadowColor: "$shadow_opacity",
          shadowRadius: "$shadow.2"
        }
      },
      false: {
        cursor: "default"
      }
    },
    color: {
      primary: {
        bc: "$primaryContainer"
      },
      secondary: {
        bc: "$secondaryContainer"
      },
      tertiary: {
        bc: "$tertiaryContainer"
      },
      success: {
        bc: "$successContainer"
      },
      info: {
        bc: "$infoContainer"
      },
      warning: {
        bc: "$warningContainer"
      },
      error: {
        bc: "$errorContainer"
      }
    },
    variant: {
      elevated: {
        bc: "$surfaceContainerLow",
        shadowColor: "$shadow_opacity",
        shadowRadius: "$shadow.1",
        hoverStyle: {
          shadowColor: "$shadow_opacity",
          shadowRadius: "$shadow.2"
        }
      },
      outlined: {
        bg: "$surface",
        brc: "$outlineVariant",
        btc: "$outlineVariant",
        bbc: "$outlineVariant",
        blc: "$outlineVariant",
        shadowColor: "$shadow_opacity",
        shadowRadius: "$shadow.0",
        bw: 1,
        hoverStyle: {
          shadowColor: "$shadow_opacity",
          shadowRadius: "$shadow.1"
        }
      },
      filled: {
        bc: "$surfaceContainerHighest",
        shadowColor: "$shadow_opacity",
        shadowRadius: "$shadow.0",
        hoverStyle: {
          shadowColor: "$shadow_opacity",
          shadowRadius: "$shadow.1"
        }
      },
      "filled-tonal": {
        bc: "$secondaryContainer",
        shadowColor: "$shadow_opacity",
        shadowRadius: "$shadow.0",
        hoverStyle: {
          shadowColor: "$shadow_opacity",
          shadowRadius: "$shadow.1"
        }
      }
    },
    shape: {
      xs: {
        borderRadius: "$shape.corner_xs"
      },
      sm: {
        borderRadius: "$shape.corner_sm"
      },
      m: {
        borderRadius: "$shape.corner_m"
      },
      l: {
        borderRadius: "$shape.corner_l"
      },
      xl: {
        borderRadius: "$shape.corner_xl"
      }
    },
    density: {
      0: {},
      "-1": {},
      "-2": {},
      "-3": {}
    }
  },
  defaultVariants: {
    pressable: !1,
    variant: "outlined",
    shape: "m"
  }
}), CardHeader = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  name: "CardHeader",
  context: CardContext,
  padding: 16,
  variants: {
    density: {
      0: {},
      "-1": {
        padding: 12
      },
      "-2": {
        padding: 8
      },
      "-3": {
        padding: 4
      }
    },
    variant: {
      "flex-between": {
        display: "flex",
        alignItems: "center",
        flexDirection: "row",
        justifyContent: "space-between"
      }
    }
  }
}), CardHeadline = (0, import_tamagui.styled)(import_typography.Headline, {
  name: "Headline",
  context: CardContext,
  size: "small",
  variants: {
    color: {
      primary: {
        col: "$onPrimaryContainer"
      },
      secondary: {
        col: "$onSecondaryContainer"
      },
      tertiary: {
        col: "$onTertiaryContainer"
      },
      success: {
        col: "$onSuccessContainer"
      },
      warning: {
        col: "$onWarningContainer"
      },
      info: {
        col: "$onInfoContainer"
      },
      error: {
        col: "$onErrorContainer"
      }
    },
    variant: {
      elevated: {
        col: "$onSurface"
      },
      outlined: {
        col: "$onSurface"
      },
      filled: {
        col: "$onSurface"
      },
      "filled-tonal": {
        col: "$onSecondaryContainer"
      }
    }
  }
}), CardSubheader = (0, import_tamagui.styled)(import_typography.Body, {
  name: "Subheader",
  context: CardContext,
  size: "large",
  variants: {
    color: {
      primary: {
        col: "$onPrimaryContainer"
      },
      secondary: {
        col: "$onSecondaryContainer"
      },
      tertiary: {
        col: "$onTertiaryContainer"
      },
      success: {
        col: "$onSuccessContainer"
      },
      info: {
        col: "$onInfoContainer"
      },
      warning: {
        col: "$onWarningContainer"
      },
      error: {
        col: "$onErrorContainer"
      }
    },
    variant: {
      elevated: {
        col: "$onSurface"
      },
      outlined: {
        col: "$onSurface"
      },
      filled: {
        col: "$onSurface"
      },
      "filled-tonal": {
        col: "$onSecondaryContainer"
      }
    }
  }
}), ImageContainer = (0, import_tamagui.styled)(import_tamagui.View, {
  name: "CardImageContainer",
  context: CardContext,
  variants: {
    rounded: {
      true: {
        borderRadius: "$shape.corner_m",
        overflow: "hidden"
      }
    }
  }
}), SupportingText = (0, import_tamagui.styled)(import_typography.Body, {
  name: "Subheader",
  context: CardContext,
  size: "medium",
  variants: {
    color: {
      primary: {
        col: "$onPrimaryContainer"
      },
      secondary: {
        col: "$onSecondaryContainer"
      },
      tertiary: {
        col: "$onTertiaryContainer"
      },
      info: {
        col: "$onInfoContainer"
      },
      success: {
        col: "$onSuccessContainer"
      },
      warning: {
        col: "$onWarningContainer"
      },
      error: {
        col: "$onErrorContainer"
      }
    },
    variant: {
      elevated: {
        col: "$onSurface"
      },
      outlined: {
        col: "$onSurface"
      },
      filled: {
        col: "$onSurface"
      },
      "filled-tonal": {
        col: "$onSecondaryContainer"
      }
    }
  }
}), CardBody = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  context: CardContext,
  padding: "$spacing.card_body",
  name: "CardBody",
  variants: {
    density: {
      0: {},
      "-1": {
        padding: 12
      },
      "-2": {
        padding: 8
      },
      "-3": {
        padding: 4
      }
    }
  }
}), Actions = (0, import_tamagui.styled)(import_tamagui.ThemeableStack, {
  context: CardContext,
  gap: 8,
  name: "CardActions",
  flexDirection: "row",
  justifyContent: "flex-end",
  alignItems: "center",
  p: 16,
  marginTop: "auto",
  variants: {
    density: {
      0: {},
      "-1": {
        padding: 12
      },
      "-2": {
        padding: 8
      },
      "-3": {
        padding: 4
      }
    }
  }
}), Card = (0, import_tamagui.withStaticProperties)(CardFrame, {
  Props: CardContext.Provider,
  Headline: CardHeadline,
  Header: CardHeader,
  Body: CardBody,
  Subheader: CardSubheader,
  Actions,
  SupportingText,
  Image: import_tamagui.Image,
  ImageContainer
});
//# sourceMappingURL=Card.js.map
