import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { useTestIds } from '../../hooks';
import { withTestIds } from '../../utils';
import { ClassificationMarkingGlobalStyle, StyledClassifiedContent, StyledMarking } from './ClassificationMarking.styles';
import { getClassificationMarkingTestIds } from './ClassificationMarking.test-ids';
const ClassificationMarking = ({ testId, label, background, color, fontFamily, fontSize, height, children }) => {
    const testIds = useTestIds(testId, getClassificationMarkingTestIds);
    return (_jsxs(_Fragment, { children: [_jsx(ClassificationMarkingGlobalStyle, { height: height }), _jsx(StyledMarking, { background: background, color: color, fontFamily: fontFamily, fontSize: fontSize, height: height, placement: 'top', "data-testid": testIds.top, children: label }), _jsx(StyledClassifiedContent, { height: height, "data-testid": testIds.content, children: children }), _jsx(StyledMarking, { background: background, color: color, fontFamily: fontFamily, fontSize: fontSize, height: height, placement: 'bottom', "data-testid": testIds.bottom, children: label })] }));
};
export default withTestIds(ClassificationMarking, getClassificationMarkingTestIds);
//# sourceMappingURL=ClassificationMarking.js.map