@teamsparta/chat-ui/src/lib/component/ChatContainer.style.js

simple chat-ui

import styled from "@emotion/styled";
import { additional, neutralDay } from "@teamsparta/design-system";

export const Container = styled.div`
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: ${({ theme }) =>
    theme === "dark" ? neutralDay.gray100 : neutralDay.white};
`;

export const FloatingButton = styled.div`
  background-color: ${additional.blue10};
  border-radius: 22px;
  border: 1px solid ${additional.blue100};
  right: 8px;
  bottom: 8px;
  z-index: 99;
  width: 64px;
  height: 64px;
`;