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

React Component Collection for INSPIRE

'use client';
/* 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 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$1 = require('../../foundations/Icon/index.js');
var index$2 = require('../../foundations/Typography/index.js');
var index = require('../../../_virtual/index.js');
var shared = require('../../foundations/Typography/shared.js');

function Chip(props){const{leadingIcon,trailingIcon,isActive=false}=props;return jsxRuntime.jsx("button",{className:index.default(styles_css.base,isActive&&styles_css.active),onClick:props.onClick,children:jsxRuntime.jsxs(index_esm.HStack,{fitContent:true,align:"center",justify:"center",gap:component_css.spacingVars.tiny,children:[jsxRuntime.jsx(index$1.Icon,{name:leadingIcon,size:16}),jsxRuntime.jsx(index$2.Typography.Tiny,{weight:shared.TypographyWeight.MEDIUM,children:props.children}),jsxRuntime.jsx(index$1.Icon,{name:trailingIcon,size:16})]})})}

exports.Chip = Chip;