@tapie-kr/inspire-react/dist/cjs/components/atoms/Label/index.js

React Component Collection for INSPIRE

/* eslint-disable */
/*
 * INSPIRE : Creative Kit
 * React Component Collection for INSPIRE
 *
 * This file is generated automatically. Do not modify it manually
 * Generated at : 2025. 3. 4. 오후 6:18:13
 * @tapie-kr/inspire-react version: 0.2.15
 *
 * (c) 2025 TAPIE. All rights reserved.
 * MIT License
*/
'use strict';

var jsxRuntime = require('react/jsx-runtime');
var styles_css = require('./styles.css.js');
var color_css = require('../../../lib/style/contract/color.css.js');
var component_css = require('../../../lib/style/contract/component.css.js');
var index_esm = require('../../../node_modules/@cottons-kr/react-foundation/dist/index.esm.js');
var index$2 = require('../../foundations/Icon/index.js');
var iconSet = require('../../foundations/Icon/icon-set.js');
var index = require('../../foundations/Typography/index.js');
var index$1 = require('../../../_virtual/index.js');

var LabelSize=/*#__PURE__*/function(LabelSize){LabelSize["LARGE"]="large";LabelSize["MEDIUM"]="medium";LabelSize["SMALL"]="small";return LabelSize}({});function Label(props){const{isEssential,isDisabled,size="large"}=props;const isLarge=size==="large";const isMedium=size==="medium";const LabelTypo=isLarge?index.Typography.Petite:isMedium?index.Typography.Tiny:index.Typography.Mini;return jsxRuntime.jsxs(index_esm.HStack,{fitContent:true,className:index$1.default(styles_css.base,isDisabled&&styles_css.disabled),align:"center",gap:component_css.spacingVars.mini,children:[jsxRuntime.jsx(LabelTypo,{children:props.children}),jsxRuntime.jsx(index$2.Icon,{name:isEssential&&iconSet.GlyphIcon.ASTERISK,size:isLarge?10:isMedium?8:6,color:isDisabled?color_css.colorVars.solid.translucent.red._30:color_css.colorVars.solid.red})]})}

exports.Label = Label;
exports.LabelSize = LabelSize;