/** @jsxRuntime classic */
/** @jsx jsx */

import * as React from 'react';
import { css, jsx } from '@emotion/react';

const container = (isRightWindow: boolean) => css`
  display: flex;
  background: white;
  top: 0;
  right: 0;
  margin-right: ${isRightWindow ? '0' : '-320px'};
  //   opacity: ${isRightWindow ? '1' : '0'};
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 600ms, background 0.3s;
  position: relative;
  bottom: 0;
  width: 320px;
  z-index: 20;
`;

export const SlotContainer = ({ isRightWindow, setRightWindow }) => {
  return <div css={container(isRightWindow)}>let slot</div>;
};
