// Metro module 15002 (f15003).
import { memo, useContext } from "react";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import { useToken } from "../../../design/tokens/native/useToken";
import * as _useHomeDrawerGesture from "../../home_drawer/native/useHomeDrawerGesture";
import { HomeDrawerStateContext } from "../../home_drawer/native/useHomeDrawerGesture";
import { useAnimatedStyle } from "../../reanimated/ReanimatedRexport";
import * as _spring from "../../../design/animation/reanimated/spring/spring";
import ReanimatedNativeView from "../../core/native/ReanimatedNativeView";
const useStyles = createStyles({
  separator: {
    height: 1,
    marginTop: Module712.modules.mobile.GUILD_BAR_ITEM_MARGIN,
    marginBottom: Module712.modules.mobile.GUILD_BAR_ITEM_MARGIN,
    marginLeft: 12,
    marginRight: 12,
    backgroundColor: Module712.colors.BORDER_SUBTLE
  }
});
const __initData = {
  code: "function GuildsBarSeparatorTsx1(){const{withSpring,guildItemSize,panelX,HOME_DRAWER_FLING_PHYSICS}=this.__closure;return{maxWidth:withSpring(Math.max(guildItemSize,panelX.get()+guildItemSize),HOME_DRAWER_FLING_PHYSICS)};}"
};
const r41 = memo(function GuildsBarSeparator() {
  const styles = useStyles();
  const token = useToken(Module712.modules.mobile.GUILD_BAR_ITEM_SIZE);
  const panelX = useContext(HomeDrawerStateContext).panelX;
  const l = function l() {
    return {
      maxWidth: _spring.withSpring(Math.max(token, panelX.get() + token), _useHomeDrawerGesture.HOME_DRAWER_FLING_PHYSICS)
    };
  };
  l.__closure = {
    withSpring: _spring.withSpring,
    guildItemSize: token,
    panelX,
    HOME_DRAWER_FLING_PHYSICS: _useHomeDrawerGesture.HOME_DRAWER_FLING_PHYSICS
  };
  l.__workletHash = 1425261651828;
  l.__initData = __initData;
  return <ReanimatedNativeView style={[styles.separator, useAnimatedStyle(l)]} />;
});
export default r41;