/* @oracle/oraclejet-preact: undefined */
import { jsx } from 'preact/jsx-runtime';
import { u as useHover } from './useHover-19340c22.js';
import { S as StyledCard } from './StyledCard-362bd74b.js';

/**
 * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.
 * Width, height, and backgroundColor are set through props.
 */
const SelectionCard = ({ children, isSelected = false, testId, ...rest }) => {
    const { hoverProps, isHover } = useHover();
    return (jsx(StyledCard, { ...hoverProps, display: "inlineFlex", isHover: isHover, isSelected: isSelected, parentComponentVariant: "selectionCard", testId: testId, ...rest, children: children }));
};

export { SelectionCard as S };
//# sourceMappingURL=SelectionCard-1ed9cf08.js.map
