@zendesk/react-measure-timing-hooks
Version:
react hooks for measuring time to interactive and time to render of components
33 lines • 1.79 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FilterGroup = void 0;
/* eslint-disable import/no-extraneous-dependencies */
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const react_buttons_1 = require("@zendeskgarden/react-buttons");
const react_grid_1 = require("@zendeskgarden/react-grid");
const react_tooltips_1 = require("@zendeskgarden/react-tooltips");
const constants_1 = require("../constants");
const Card_1 = require("./styled/Card");
const FilterContainer = (0, styled_components_1.default)(Card_1.Card) `
min-width: 300px;
`;
const ButtonGroup = styled_components_1.default.div `
display: flex;
gap: ${(props) => props.theme.space.sm};
flex-wrap: wrap;
`;
const FilterGroup = ({ state, setState, }) => (react_1.default.createElement(FilterContainer, null,
react_1.default.createElement(Card_1.CardContent, null,
react_1.default.createElement(react_grid_1.Grid.Row, null,
react_1.default.createElement(react_grid_1.Grid.Col, null,
react_1.default.createElement(ButtonGroup, null, constants_1.FILTER_OPTIONS.map((option) => (react_1.default.createElement(react_tooltips_1.Tooltip, { key: option, content: option },
react_1.default.createElement(react_buttons_1.ToggleButton, { isPressed: state[option], onClick: () => void setState((prev) => ({
...prev,
[option]: !prev[option],
})) }, option))))))))));
exports.FilterGroup = FilterGroup;
//# sourceMappingURL=FilterGroup.js.map