@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
14 lines (13 loc) • 741 B
JavaScript
'use client';
import { jsx as _jsx } from "react/jsx-runtime";
import * as React from 'react';
import { ark } from '@ark-ui/react/factory';
import { styled } from '@fidely-ui/styled-system/jsx';
import { group } from '@fidely-ui/styled-system/recipes';
import { cx } from '@fidely-ui/styled-system/css';
const StyledGroup = styled(ark.div, group);
export const Group = React.forwardRef(function Group(props, ref) {
const { alignItems = 'center', justifyContent = 'flex-start', flexWrap, children, className, ...rest } = props;
return (_jsx(StyledGroup, { ref: ref, alignItems: alignItems, justifyContent: justifyContent, flexWrap: flexWrap, ...rest, className: cx(className), children: children }));
});
Group.displayName = 'Group';