import { css } from 'styled-components';
import {
  CAP_SPACE_44,
  CAP_SPACE_28,
  CAP_SPACE_20,
  CAP_SPACE_12,
  CAP_SPACE_08,
  CAP_G07,
  CAP_G12,
  CAP_G06,
  FONT_COLOR_05,
  CAP_SPACE_16,
  CAP_SECONDARY,
  CAP_SPACE_24,
  CAP_SPACE_32,
  CAP_WHITE,
} from '@capillarytech/cap-ui-library/styled/variables';

export default css`
    .ant-btn.cap-button-v2.add-msg {
        margin-bottom: ${CAP_SPACE_16};
        border: 2px solid ${CAP_SECONDARY.base};
    }

    .ant-spin-container > .ant-row {
      height: calc(100vh - 160px);
      overflow-y: auto;
    }

    .shell-v2 {
      text-align: right;

      .msgContainer.line-preview {
        left: 46%;
      }
    }

    .action-section {
      background-color: ${CAP_WHITE};
      position: fixed;
      bottom: 20px;
      width: 100%;
      margin-left: -32px;
      padding: ${CAP_SPACE_32} ${CAP_SPACE_24};
  
      .ant-btn {
        margin-right: ${CAP_SPACE_16};
      }
    }

    .text-template-title,
    .sticker-template-title,
    .image-template-title,
    .title-textarea {
      margin-bottom: ${CAP_SPACE_16};
    }
`;

