twenty/packages/twenty-front/src/modules/billing/components/SubscriptionInfoContainer.tsx

import styled from '@emotion/styled';

const StyledSubscriptionInfoContainer = styled.div`
  background-color: ${({ theme }) => theme.background.secondary};
  border: 1px solid ${({ theme }) => theme.border.color.medium};
  border-radius: ${({ theme }) => theme.border.radius.md};
  display: flex;
  flex-direction: column;
  gap: ${({ theme }) => theme.spacing(3)};
  padding: ${({ theme }) => theme.spacing(3)};
  width: 100%;
`;

export { StyledSubscriptionInfoContainer as SubscriptionInfoContainer };