@tapie-kr/inspire-react/dist/cjs/components/molecules/Pagination/button.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 index = require('../../atoms/Button/index.js');
var iconSet = require('../../foundations/Icon/icon-set.js');
var index$1 = require('../../miscellaneous/layout/Box/index.js');
var index$2 = require('../../../_virtual/index.js');
var shared = require('../../atoms/Button/shared.js');

function ControlButton(props){const isPrevious=props.type==="previous";const icon=isPrevious?iconSet.GlyphIcon.CHEVRON_LEFT:iconSet.GlyphIcon.CHEVRON_RIGHT;const label=isPrevious?"이전":"다음";const handleOnClick=props.onClick;return jsxRuntime.jsx(index.Button.Default,{variant:shared.ButtonVariant.SECONDARY,size:shared.ButtonSize.MEDIUM,leadingIcon:isPrevious?icon:undefined,trailingIcon:!isPrevious?icon:undefined,onClick:handleOnClick,children:label})}function PageButton(props){const handleClick=props.onClick;return jsxRuntime.jsx(Square,{isActive:props.isActive,children:jsxRuntime.jsx(index.Button.Text,{fullWidth:true,fullHeight:true,onClick:handleClick,children:props.page})})}function Square(props){return jsxRuntime.jsx(index$1.Box,{className:index$2.default(styles_css.square,{[styles_css.active]:props.isActive}),children:props.children})}

exports.ControlButton = ControlButton;
exports.PageButton = PageButton;
exports.Square = Square;