import * as React from 'react';
import { Box } from 'rebass';
import join from '../utils/join';
export const Tag = React.forwardRef((props, ref) => (React.createElement(Box, { ...props, ref: ref, className: join('ab-Tag', props.className), backgroundColor: "primary", paddingTop: props.paddingTop ?? 1, paddingBottom: props.paddingBottom ?? 1, paddingLeft: props.paddingLeft ?? 2, paddingRight: props.paddingRight ?? 2, style: { borderRadius: 'var(--ab__border-radius)', ...props.style } })));
