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_SPACE_40,
  FONT_WEIGHT_MEDIUM,
  CAP_SPACE_24,
} from '@capillarytech/cap-ui-library/styled/variables';

export default css`
    max-width: 600px;
    border-radius: 6px;
    border: 1px solid ${CAP_G07};
    margin: 10px 0 14px;

    .ant-tabs-bar {
        padding: 0 ${CAP_SPACE_24};
    }
`;

export const CapModalStyles = css`
  .ant-modal.cap-modal-v2 {
    max-width: unset;
  }

  .modal-description {
    margin-top: ${CAP_SPACE_12};
  }

  .ant-modal.cap-modal-v2 .ant-modal-footer {
    padding-bottom: ${CAP_SPACE_20};
    padding-left: ${CAP_SPACE_24};
  }
`;


