/* @oracle/oraclejet-preact: undefined */
import { jsxs, jsx } from 'preact/jsx-runtime';
import { F as Flex } from './Flex-ce31b351.js';
import './LabelValueLayoutStyles.styles.css';

var labelInnerStyles = {base:'LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55',start:'LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56',startNotPureReadonly:'LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57',startWithoutTopFormComponentWrapperUA:'LabelValueLayoutStyles_labelInnerStyles_startWithoutTopFormComponentWrapperUA__z3rxc58',insideFormComponentWrapper:'LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc59',noWrap:'LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5a'};
var labelSlotStyles = {base:'LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50',start:'LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51',top:'LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52',topAndTopUA:'LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53',topPureReadonly:'LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54'};
var valueSlotStyles = 'LabelValueLayoutStyles_valueSlotStyles__z3rxc5b';

/**
 * StyledLabelValueLayout is a styled layout component for displaying a label and its corresponding value.
 */
const StyledLabelValueLayout = ({ flexAlign, labelStyleClasses, labelStyles, labelInnerClasses, label, valueStyles, children }) => {
    return (jsxs(Flex, { wrap: "wrap", align: flexAlign, children: [jsx("div", { class: labelStyleClasses, style: labelStyles, children: jsx("div", { class: labelInnerClasses, children: label }) }), jsx("div", { class: valueSlotStyles, style: valueStyles, children: children })] }));
};

export { StyledLabelValueLayout as S, labelInnerStyles as a, labelSlotStyles as l };
//# sourceMappingURL=StyledLabelValueLayout-d4881d3b.js.map
