import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
const TextDivider = ({ lineColor, lineHeight = '2px', textColor, text, ...props })=>{
    const modeLineColor = lineColor ?? (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useColorModeValue)('blackAlpha.200', 'whiteAlpha.300');
    const modeTextColor = textColor ?? (0, __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.useColorModeValue)('blackAlpha.500', 'whiteAlpha.600');
    return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
        alignItems: "center",
        columnGap: "1rem",
        templateColumns: "1fr auto 1fr",
        ...props
    }, /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        bg: modeLineColor,
        height: lineHeight
    }), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Text, {
        color: modeTextColor,
        textTransform: "uppercase"
    }, text), /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Box, {
        bg: modeLineColor,
        height: lineHeight
    }));
};
/* ESM default export */ const TextDivider_rslib_entry_ = TextDivider;
export { TextDivider_rslib_entry_ as default };
