export function Loader()

in src/components/loader.tsx [24:55]

• 29 lines of code
• 3 McCabe index (conditional complexity)

export function Loader(props: ILoaderProps) {
  const {colors, dark} = useTheme();
  const {screen} = useScreenDimensions();

  const {visible, modal, style} = props;
  const overlayStyle = [
    ...[style],
    {
      padding: 0,
      borderRadius: 20,
      backgroundColor: colors.card,
      width: screen.width / 1.5,
    },
  ];

  const backdropStyle = {backgroundColor: colors.background};

  if (!visible) {
    return null;
  }
  if (modal) {
    return (
      <Overlay
        isVisible={visible}
        overlayStyle={overlayStyle}
        backdropStyle={backdropStyle}>
        <InnerLoader colors={colors} dark={dark} {...props} {...screen} />
      </Overlay>
    );
  }
  return <InnerLoader colors={colors} dark={dark} {...props} {...screen} />;
}