@crossed/ui/lib/module/disclosure/Tabs/Indicator.js

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

import { jsx } from "react/jsx-runtime";
import { composeStyles } from "@crossed/styled";
import {
  heightStyles,
  indicatorDynamicStyles,
  indicatorRoundedStyles,
  indicatorUnderlineStyles
} from "./styles";
import Animated from "react-native-reanimated";
const createIndicator = (useTabsContext) => {
  const Indicator = ({ style }) => {
    const { variant, indicator, size } = useTabsContext();
    const indicatorStyle = !variant || variant === "rounded" ? indicatorRoundedStyles : indicatorUnderlineStyles;
    return /* @__PURE__ */ jsx(
      Animated.View,
      {
        ...composeStyles(
          indicatorStyle.default,
          indicatorStyle.active,
          variant === "rounded" && heightStyles[size],
          indicatorDynamicStyles.dyn(indicator.left, indicator.width),
          style
        ).style()
      }
    );
  };
  return Indicator;
};
export {
  createIndicator
};
//# sourceMappingURL=Indicator.js.map