@fidely-ui/react
Version:
Fidely UI is a modern, beautifully crafted React design system powered by Ark UI and Panda CSS, delivering accessible and themeable components for building exceptional web apps
13 lines (12 loc) • 512 B
JavaScript
'use client';
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { ark } from '@ark-ui/react/factory';
import { styled } from '@fidely-ui/styled-system/jsx';
import { badge } from '@fidely-ui/styled-system/recipes';
const StyledBagde = styled(ark.span, badge);
export const Badge = forwardRef(function Bagde(props, ref) {
const { children, ...rest } = props;
return (_jsx(StyledBagde, { ref: ref, ...rest, children: children }));
});
Badge.displayName = 'Badge';