@kiwicom/orbit-components/es/ChoiceGroup/components/FilterWrapper.js

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

import * as React from "react";
import styled, { css } from "styled-components";
import defaultTheme from "../../defaultTheme";
import ButtonLink from "../../ButtonLink";
const StyledOnlyButton = styled(ButtonLink).withConfig({
  displayName: "FilterWrapper__StyledOnlyButton",
  componentId: "sc-1cpg3jn-0"
})([""]);

const hoverAndFocus = () => css(["background-color:", ";", "{visibility:visible;opacity:1;}"], ({
  theme
}) => theme.orbit.paletteProductLight, StyledOnlyButton);

const StyledContentWrapper = styled.div.withConfig({
  displayName: "FilterWrapper__StyledContentWrapper",
  componentId: "sc-1cpg3jn-1"
})(["width:100%;padding:0px 4px;border-radius:4px;display:flex;align-items:center;&:hover{", "}&:focus-within{", "}", "{visibility:hidden;opacity:0;}"], hoverAndFocus, hoverAndFocus, StyledOnlyButton);
StyledContentWrapper.defaultProps = {
  theme: defaultTheme
};

const FilterWrapper = ({
  child,
  children,
  onOnlySelection
}) => {
  return React.createElement(StyledContentWrapper, null, children, onOnlySelection && React.createElement(StyledOnlyButton, {
    type: "secondary",
    size: "small",
    onClick: ev => {
      onOnlySelection(ev, {
        value: child.props.value,
        label: child.props.label
      });
    },
    transparent: true
  }, "Only "));
};

export default FilterWrapper;