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 ExtendedFab_exports = {};
__export(ExtendedFab_exports, {
  ExtendedFab: () => ExtendedFab
});
module.exports = __toCommonJS(ExtendedFab_exports);
var import_tamagui = require("tamagui"), import_Icon = require("./Icon"), import_typography = require("./typography");
const ExtendedFabContext = (0, import_tamagui.createStyledContext)({
  variant: void 0
}), Frame = (0, import_tamagui.styled)(import_tamagui.View, {
  name: "ExtendedFab",
  context: ExtendedFabContext,
  display: "flex",
  flexDirection: "row",
  alignItems: "center",
  minWidth: 80,
  justifyContent: "center",
  cursor: "pointer",
  borderRadius: "$shape.corner_l",
  shadowColor: "$shadow_opacity",
  shadowRadius: "$shadow.3",
  gap: 8,
  hoverStyle: {
    shadowColor: "$shadow_opacity",
    shadowRadius: "$shadow.4"
  },
  variants: {
    variant: {
      primary: {
        backgroundColor: "$primaryContainer"
      },
      secondary: {
        backgroundColor: "$secondaryContainer"
      },
      tertiary: {
        backgroundColor: "$tertiaryContainer"
      }
    },
    elevated: {
      false: {
        shadowColor: "unset",
        shadowRadius: "unset"
      }
    },
    density: {
      0: {
        padding: 16,
        height: 56
      },
      "-1": {
        padding: 12,
        height: 52
      },
      "-2": {
        padding: 8,
        height: 48
      },
      "-3": {
        padding: 4,
        height: 44
      }
    }
  },
  defaultVariants: {
    variant: "primary",
    density: "0"
  }
}), ExtendedFabIcon = (0, import_tamagui.styled)(import_Icon.Icon, {
  name: "ExtendedFabIcon",
  width: 24,
  height: 24,
  context: ExtendedFabContext,
  variants: {
    variant: {
      primary: {
        col: "$onPrimaryContainer"
      },
      secondary: {
        col: "$onSecondaryContainer"
      },
      tertiary: {
        col: "$onTertiaryContainer"
      }
    }
  }
}), ExtendedFabLabel = (0, import_tamagui.styled)(import_typography.Label, {
  name: "ExtendedFabLabel",
  size: "large",
  context: ExtendedFabContext,
  variants: {
    variant: {
      primary: {
        col: "$onPrimaryContainer"
      },
      secondary: {
        col: "$onSecondaryContainer"
      },
      tertiary: {
        col: "$onTertiaryContainer"
      }
    }
  }
}), ExtendedFab = (0, import_tamagui.withStaticProperties)(Frame, {
  Props: ExtendedFabContext.Provider,
  Icon: ExtendedFabIcon,
  Label: ExtendedFabLabel
});
//# sourceMappingURL=ExtendedFab.js.map
