// Metro module 15554 (f15555).
import { useMemo } from "react";
import { useToken } from "../../../../../design/tokens/native/useToken";
import Module712 from "../../../../../_bundle/Module712";
import { hexWithOpacity } from "../../../../../utils/ColorUtils";
import TabsGradient_native from "../../../../../design/components/Tabs/native/TabsGradient.native";
export default function SearchTabsGradient(props) {
  const state = props.state;
  const token = useToken(Module712.colors.BACKGROUND_BASE_LOW);
  return <TabsGradient_native state={state} colors={useMemo(() => [token, hexWithOpacity(token, 0)], [token])} />;
};