import React, { forwardRef } from "react";
import { useForwardedRef } from "@bedrock-layout/use-forwarded-ref";
import { useRipple } from "../../../utils/useRipple.js";
import { StyledMiddle } from "./Middle.styled.js";
const PadMiddle = forwardRef((props, ref) => {
    const innerRef = useForwardedRef(ref);
    const ripple = useRipple({ ref: innerRef, fromCenter: true });
    return (React.createElement(StyledMiddle, { onClick: props.onClick, ref: innerRef, onPointerDown: ripple.onPointerDown, onKeyDown: ripple.onKeyDown },
        props.label,
        ripple.ripples));
});
PadMiddle.displayName = "PadMiddle";
PadMiddle.toString = () => StyledMiddle.toString();
export { PadMiddle };
//# sourceMappingURL=Middle.js.map