import styled from 'styled-components';

export type PageStackGap = 'section' | 'dashboard';

export const PageStack = styled.div<{ $gap?: PageStackGap }>`
  display: flex;
  flex-direction: column;
  gap: ${({ theme, $gap = 'section' }) =>
    $gap === 'dashboard' ? theme.layout.dashboardSectionGap : theme.layout.sectionGap};
  width: 100%;
`;