function getAnchorStyles()

in src/drawer/styled-components.ts [44:85]

• 42 lines of code
• 13 McCabe index (conditional complexity)

function getAnchorStyles(props: SharedStylePropsArg) {
  const { $anchor, $isVisible, $size } = props;
  const sizeStyles = getSizeStyles($size, $anchor);
  const { left, right, top, bottom } = ANCHOR;
  switch ($anchor) {
    case right: {
      return {
        transform: $isVisible ? 'translateX(0)' : 'translateX(100%)',
        right: $isVisible ? 0 : '-100%',
        top: 0,
        ...sizeStyles,
      };
    }
    case left: {
      return {
        transform: $isVisible ? 'translateX(0)' : `translateX(-100%)`,
        left: $isVisible ? 0 : '-100%',
        top: 0,
        ...sizeStyles,
      };
    }
    case bottom: {
      return {
        transform: $isVisible ? 'translateY(0)' : 'translateY(100%)',
        left: 0,
        bottom: $isVisible ? '0' : `-100%`,
        ...sizeStyles,
      };
    }
    case top: {
      return {
        transform: $isVisible ? 'translateY(0)' : 'translateY(-100%)',
        left: 0,
        top: $isVisible ? '0' : '-100%',
        ...sizeStyles,
      };
    }
    default: {
      return {};
    }
  }
}