How to use the @synerise/ds-typography.Description function in @synerise/ds-typography

export const CloseIcon = styled(Icon)``;

export const MainPanel = styled.div`
  > div:last-of-type {
    margin-bottom: 0;
  }
`;

export const Title = styled.h4`
  ${T.macro.h500};
  margin: 24px 0;
  text-align: center;
`;

export const Description = styled(T.Description)`
  padding: 0;
  text-align: center;
  margin: 0 0 24px;
`;

export const ButtonContainer = styled.div`
  text-align: center;

  ${StyledButtonContainer} {
    margin: 0 4px;

    &:first-of-type {
      margin-left: 0;
    }

    &:last-of-type {