@tapie-kr/inspire-react/dist/cjs/components/molecules/Sheet/header.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 header_css = require('./styles/header.css.js');
var component_css = require('../../../lib/style/contract/component.css.js');
var index$3 = require('../../atoms/Button/index.js');
var iconSet = require('../../foundations/Icon/icon-set.js');
var index$2 = require('../../foundations/Typography/index.js');
var index$1 = require('../../miscellaneous/layout/Box/index.js');
var index = require('../../miscellaneous/layout/HStack/index.js');
var index$4 = require('../../miscellaneous/layout/Stack/index.js');
var React = require('react');
var shared$2 = require('../../atoms/Button/shared.js');
var shared = require('../../miscellaneous/overlay/Backdrop/shared.js');
var useMediaQuery = require('../../../hooks/use-media-query.js');
var shared$1 = require('./shared.js');

function SheetHeader(props){const isMobile=useMediaQuery.useMediaQuery();const{title,direction}=props;const{close}=React.useContext(shared.BackdropContext);const type=React.useMemo(()=>{if(isMobile&&direction===shared$1.SheetDirection.BOTTOM){return shared$1.SheetHeaderType.HANDLE_BAR}return shared$1.SheetHeaderType.TITLE},[]);return type===shared$1.SheetHeaderType.TITLE?jsxRuntime.jsxs(index.HStack,{fullWidth:true,className:header_css.title,spacing:component_css.spacingVars.mini,children:[jsxRuntime.jsx(index$1.Box,{fullWidth:true,children:jsxRuntime.jsx(index$2.Typography.Base,{children:title})}),jsxRuntime.jsx(index$3.Button.Icon,{icon:iconSet.GlyphIcon.CLOSE,variant:shared$2.ButtonVariant.SECONDARY,size:shared$2.ButtonSize.SMALL,onClick:close})]}):jsxRuntime.jsx(index$4.Stack,{fullWidth:true,className:header_css.handleBar,children:jsxRuntime.jsx(index$1.Box,{className:header_css.bar})})}

exports.SheetHeader = SheetHeader;