import styled from 'styled-components';
import { tokens } from '../../tokens';
import { cssForBodyText } from '../../utilities/type-bundles';
export const HelpTextContainer = styled.div `
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-top: ${tokens.global.space.x8};
`;
export const HelpLabel = styled.span `
  color: ${({ error }) => (error ? tokens.global.critical.action.default : tokens.global.content.regular.default)};
  ${cssForBodyText({ size: 'sm' })};
`;
export const LoadingContainer = styled.div `
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: row;
  gap: ${tokens.global.space.x8};
`;
//# sourceMappingURL=components.jsx.map