Function createVariant

src/createVariant.ts:34–78

({
  property = 'variant' as P,
  themeKey,
  defaults,
}: {
  property?: P;
  themeKey: K;
  defaults?: AllProps<Theme>;
})

  defaults?: AllProps<Theme>;
}): RestyleFunctionContainer<VariantProps<Theme, K>, Theme, 'variant', K>;
function createVariant<
  Theme extends BaseTheme,
  K extends keyof SafeVariants<Theme>,
  P extends keyof any,
  TProps extends VariantProps<Theme, K, P>,
>({
  property = 'variant' as P,
  themeKey,
  defaults,
}: {
  property?: P;
  themeKey: K;
  defaults?: AllProps<Theme>;
}) {
  const styleFunction = createRestyleFunction<Theme, TProps, P, K>({
    property,
    themeKey,
  });
  const func: RestyleFunction<TProps, Theme> = (props, {theme, dimensions}) => {
    const expandedProps = styleFunction.func(props, {theme, dimensions})[
      property
    ];

    const variantDefaults = theme[themeKey]
      ? (theme[themeKey].defaults as Partial<AllProps<Theme>>)
      : {};

    if (!expandedProps && !defaults && !variantDefaults) return {};
    return StyleSheet.flatten(
      allRestyleFunctions.buildStyle(
        {...defaults, ...variantDefaults, ...expandedProps},
        {
          theme,
          dimensions,
        },
      ),
    );
  };
  return {
    property,
    themeKey,
    variant: true,
    func,
  };
}

export type VariantProps<
  Theme extends BaseTheme,