@patreon/studio/module/components/Pill/Pill.jsx

Patreon Studio Design System

import React from 'react';
import { BodyText } from '../BodyText';
import { getIconSize } from '../Button/theme';
import { StyledPill } from './styled-components';
export const Pill = ({ children, icon, disclosureIcon, selected = false, size = 'md', ...props }) => {
    const Icon = icon && icon;
    const DisclosureIcon = disclosureIcon && disclosureIcon;
    return (<StyledPill selected={selected} size={size} hasLabel={!!children} icon={icon} disclosureIcon={disclosureIcon} role="checkbox" aria-checked={selected} {...props}>
      {Icon && <Icon color="inherit" size={getIconSize(size)}/>}
      {children && (<BodyText as="span" size={size} color="inherit">
          {children}
        </BodyText>)}
      {DisclosureIcon && <DisclosureIcon size={getIconSize(size)} color="inherit"/>}
    </StyledPill>);
};
//# sourceMappingURL=Pill.jsx.map