@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) • 511 B
JavaScript
'use client';
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { ark } from '@ark-ui/react/factory';
import { paper } from '@fidely-ui/styled-system/recipes';
import { styled } from '@fidely-ui/styled-system/jsx';
const StyledPaper = styled(ark.div, paper);
export const Paper = forwardRef(function Paper(props, ref) {
const { children, ...rest } = props;
return (_jsx(StyledPaper, { ref: ref, ...rest, children: children }));
});
Paper.displayName = 'Paper';