// Module ID: 5487
// Function ID: 5488
// Name: TableRowArrow
// Dependencies: [19, 21, 4380, 712, 1367, 4817, 5488, 5489, 2]
// Exports: TableRowArrow

// Module 5487 (TableRowArrow)
import noopAll from "noop" /* 19 */;
import ThemesDefault from "Themes" /* 712 */;
import useIsMobileVisualRefreshExperimentEnabledDefault from "useIsMobileVisualRefreshExperimentEnabled" /* 1367 */;
import IconSizes from "IconSizes" /* 4817 */;
import IconSizesDefault from "IconSizes" /* 4817 */;
import { jsx } from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;

require = arg1;
noopAll;
createCacheKey = { icon: null, iconColor: null };
createCacheKey = { width: ThemesDefault.modules.mobile.TABLE_ROW_ARROW_WIDTH, height: 24, marginStart: ThemesDefault.modules.mobile.TABLE_ROW_ARROW_MARGIN_START, marginEnd: ThemesDefault.modules.mobile.TABLE_ROW_ARROW_MARGIN_END };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { color: ThemesDefault.colors.INTERACTIVE_TEXT_DEFAULT };
let closure_4 = createCacheKey.createStyles(createCacheKey);
const obj1 = { color: ThemesDefault.colors.INTERACTIVE_TEXT_DEFAULT };
const result = require("set").fileFinishedImporting("design/components/TableRow/native/TableRowArrow.native.tsx");

export const TableRowArrow = function TableRowArrow() {
  const tmp4 = callback();
  const obj = { style: tmp4.icon, color: tmp4.iconColor.color, source: null, size: null };
  const tmp = importDefault;
  const tmp3 = useIsMobileVisualRefreshExperimentEnabledDefault("TableRowArrow");
  const tmp5 = jsx;
  obj[2] = tmp(tmp3 ? 5488 : 5489);
  obj[3] = IconSizes.IconSizes.CUSTOM;
  return tmp5(IconSizesDefault, obj);
};