import { MotionValue } from 'framer-motion';

import Sheet from './sheet';
import SheetContainer from './SheetContainer';
import SheetContent from './SheetContent';
import SheetHeader from './SheetHeader';
import SheetBackdrop from './SheetBackdrop';
import { SheetCompound } from './types';

export type SheetRef = {
  y: MotionValue<number>;
  snapTo: (index: number) => void;
};

// HACK: this is needed to get the typing to work properly...
const _SheetCompound: any = Sheet;
_SheetCompound.Container = SheetContainer;
_SheetCompound.Header = SheetHeader;
_SheetCompound.Content = SheetContent;
_SheetCompound.Backdrop = SheetBackdrop;

export default _SheetCompound as SheetCompound;