import React from 'react';
import './Flip.scss';

interface FlipProps {
  children?: React.ReactNode;
  orientation?: 'horizontal' | 'vertical' | undefined;
  className?: string | undefined;
}


const Flip = ({ children=undefined, orientation='horizontal', className=undefined, ...props }: FlipProps) => {
  return <div className={`anim-flip ${orientation === 'vertical' ? 'anim-flip-vertical' : ''} ${className || ''}`} {...props}>{children}</div>;
};


export default Flip;
export { Flip, FlipProps};