import { css } from 'styled-components';

export const statusCode = css`
  --status-code-500-bg-color: var(--color-error-base);
  --status-code-400-bg-color: var(--color-error-base);
  --status-code-300-bg-color: var(--color-warning-base);
  --status-code-200-bg-color: var(--color-success-base);
  --status-code-100-bg-color: var(--color-info-base);

  --status-code-border: 1px solid var(--bg-color);
  --status-code-width: 6px;
  --status-code-height: 6px;
`;