import { forwardRef } from "react";
import {
  Stack,
  Sheet as TSheet,
  createSheet,
  styled
} from "tamagui";
import { jsx } from "react/jsx-runtime";
const Handle = styled(TSheet.Handle, {
  backgroundColor: "$surfaceVariant",
  width: 100,
  borderRadius: "$shape.corner_full",
  height: 4,
  pos: "absolute",
  als: "center",
  mt: "$3",
  zi: 1e5
}), FOverlay = forwardRef((props, ref) => /* @__PURE__ */ jsx(TSheet.Overlay, { ...props })), Overlay = styled(FOverlay, {
  bg: "black",
  h: "100%",
  o: 0.3
}), Frame = styled(TSheet.Frame, {
  bg: "$surface",
  btrr: "$shape.corner_full",
  btlr: "$shape.corner_full",
  paddingTop: 12,
  variants: {
    variant: {
      outlined: {
        borderColor: "$outlineVariant",
        backgroundColor: "$surfaceContainerLowest",
        borderWidth: "$border.outline"
      }
    }
  }
}), SheetContent = styled(Stack, {
  paddingTop: "$spacing.margin_compact"
}), Sheet = createSheet({
  Frame,
  Handle,
  Overlay
});
export {
  Sheet,
  SheetContent
};
//# sourceMappingURL=Sheet.js.map
