import { View, createStyledContext, styled, withStaticProperties } from "tamagui";
import { Icon } from "./Icon.native.js";
var FabContext = createStyledContext({
    size: "medium",
    variant: "primary"
  }),
  FabFrame = styled(View, {
    name: "Fab",
    context: FabContext,
    disabledStyle: {
      o: 0.4,
      pe: "none"
    },
    cursor: "pointer",
    br: 18,
    dsp: "flex",
    ai: "center",
    jc: "center",
    shadowColor: "$shadow_opacity",
    shadowRadius: "$shadow.3",
    variants: {
      variant: {
        primary: {
          bg: "$primaryContainer"
        },
        success: {
          bg: "$successContainer"
        },
        secondary: {
          bg: "$secondaryContainer"
        },
        tertiary: {
          bg: "$tertiaryContainer"
        },
        surface: {
          bg: "$surfaceContainer"
        }
      },
      size: {
        small: {
          width: 40,
          height: 40
        },
        medium: {
          width: 56,
          height: 56
        },
        large: {
          width: 96,
          height: 96
        }
      }
    },
    defaultVariants: {
      size: "medium",
      variant: "primary"
    }
  }),
  FabIcon = styled(Icon, {
    context: FabContext,
    name: "FabIcon",
    col: "$onSurface",
    variants: {
      variant: {
        primary: {
          col: "$onPrimaryContainer"
        },
        secondary: {
          col: "$onSecondaryContainer"
        },
        tertiary: {
          col: "$onTertiaryContainer"
        },
        success: {
          col: "$onSuccessContainer"
        },
        "action-red": {
          col: "$onActionRed"
        }
      }
    }
  }),
  Fab = withStaticProperties(FabFrame, {
    Props: FabContext.Provider,
    Icon: FabIcon
  });
export { Fab };
//# sourceMappingURL=Fab.native.js.map
