const ModalPoseContainer = posed.div({
    enter: {
        x: 0,
        y: 0,
        opacity: 1,
        delay: 300,
        transition: {
            y: { type: 'spring', stiffness: 1000, damping: 15 },
            default: { duration: 300 }
        }
    },
    exit: {
        x: 0,
        y: 50,
        opacity: 0,
        transition: { duration: 150 }
    }
});

export const WrapperModal = styled(ModalPoseContainer)`
    width: 500px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
`

export const Modal = styled.div`
    border-radius: 10px;
    background: white;
    div{
        padding: 10px;
    }
`