at-custom-component/dist/components/MyLabel.js

``` npm i at-custom-component ```

import { jsx as _jsx } from "react/jsx-runtime";
import './myLabel.css';
export const MyLabel = ({ label, size = 'normal', allCaps = false, color = 'text-primary', fontColor = 'text-primary', backgroundColor = 'transparent' }) => {
    return (_jsx("span", { className: `${size} 
        ${allCaps && 'allCaps'}
        ${color} `, style: {
            color: fontColor,
            padding: '1rem',
            backgroundColor,
            borderRadius: '.5rem'
        }, children: label }));
};