import * as React from 'react';
import * as styles from './StoryRow.scss';

type Props = {
  left?: boolean;
  right?: boolean;
  top?: boolean;
  bottom?: boolean;
};

const getClassName = ({ left, right, top, bottom }: Props) => {
  if (left) {
    return styles.left;
  }

  if (right) {
    return styles.right;
  }

  if (top) {
    return styles.top;
  }

  if (bottom) {
    return styles.bottom;
  }

  return styles.base;
};

export const StoryRow: React.ComponentType<Props> = ({
  children,
  ...props
}) => <div className={getClassName(props)}>{children}</div>;