@nafr/echo-ui
Version:
A UI library born for WAA
15 lines (14 loc) • 840 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { cn } from '../../../lib/utils';
import { useStyle } from './styles';
export const Card = forwardRef((props, ref) => {
const { toggled = false, ...restProps } = props;
return (_jsx("div", { ...restProps, ref: ref, "data-toggled": toggled, className: cn(useStyle({ toggled }).base(), restProps.className), style: restProps.style, children: restProps.children }));
});
export const CardHeader = forwardRef((props, ref) => {
return (_jsx("div", { ...props, ref: ref, className: cn(useStyle().header(), props.className), children: props.children }));
});
export const CardBody = forwardRef((props, ref) => {
return (_jsx("div", { ...props, ref: ref, className: cn(useStyle().body(), props.className), children: props.children }));
});