@crossed/ui/lib/module/forms/Switch/Track.web.js

A universal & performant styling library for React Native, Next.js & React

import { jsx } from "react/jsx-runtime";
import Animated from "react-native-reanimated";
import { composeStyles } from "@crossed/styled";
import { styles } from "./styles";
import { useContext } from "react";
import { localContext } from "./context";
import { Thumb } from "./Thumb";
const SwitchTrack = () => {
  const { value, height, width, disabled } = useContext(localContext);
  return /* @__PURE__ */ jsx(
    Animated.View,
    {
      onLayout: (e) => {
        height.value = e.nativeEvent.layout.height;
        width.value = e.nativeEvent.layout.width;
      },
      style: [
        composeStyles(
          styles.track,
          value && styles.toggleOn,
          !value && styles.toggleOff,
          disabled && styles.disabledOff,
          disabled && value && styles.disabledOn
        ).style().style
      ],
      children: /* @__PURE__ */ jsx(Thumb, {})
    }
  );
};
export {
  SwitchTrack
};
//# sourceMappingURL=Track.web.js.map