import styled from 'styled-components';
import { tokens } from '../../tokens';
import { cssForBodyText, cssForHeadingText } from '../../utilities/type-bundles';
export const Label = styled.label `
  color: ${({ error }) => (error ? tokens.global.critical.action.default : tokens.global.content.regular.default)};
  display: block;
  padding-bottom: ${tokens.global.space.x8};
  ${({ secondary }) => (secondary ? cssForBodyText({ size: 'md' }) : cssForHeadingText({ size: 'sm' }))};
`;
//# sourceMappingURL=index.jsx.map