@wix/design-system
Version:
@wix/design-system
15 lines • 983 B
JavaScript
import React from 'react';
import { classes } from './DockPoint.classes';
import { DATA_HOOKS } from '../../Dock.constants';
const toLabel = (position) => {
const spaced = position.replace('-', ' ');
return spaced.charAt(0).toUpperCase() + spaced.slice(1);
};
const DockPoint = (props) => {
const { position, selected, disabled, offsetIcon, icon, onClick } = props;
return (React.createElement("button", { type: "button", "data-hook": DATA_HOOKS.point(position), className: classes.root({ position, selected, disabled, offsetIcon }), "aria-label": toLabel(position), "aria-pressed": selected, disabled: disabled, onClick: onClick },
React.createElement("span", { className: classes.background() }, selected && icon ? (React.createElement("span", { className: classes.icon() }, icon)) : (React.createElement("span", { className: classes.indicator() })))));
};
DockPoint.displayName = 'DockPoint';
export default DockPoint;
//# sourceMappingURL=DockPoint.js.map