react-restyle-components
Version:
Easy use restyle components
17 lines (16 loc) • 841 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import s from '../../../tc.module.css';
import { cn } from '../../../core-utils';
export const List = (props) => {
const spacingClass = props.space
? `space-${props.direction === 'col' ? 'y' : 'x'}-${props.space}`
: '';
const paddingClass = props.padding ? `p-${props.space}` : '';
const backgroundClass = props.background ? 'bg-gray-100' : '';
const alignClass = props.align ? `justify-${props.align}` : '';
const justifyClass = props.justify
? `items-${props.justify}`
: 'items-center';
const fillClass = props.fill ? 'flex-1' : '';
return (_jsx("span", { className: cn(s.flex, `flex-${props.direction || 'row'}`, spacingClass, paddingClass, backgroundClass, alignClass, fillClass, justifyClass), children: props.children }));
};