@primer/react/lib-esm/deprecated/FilteredSearch/FilteredSearch.js

An implementation of GitHub's Primer Design System using React

import styled from 'styled-components';
import { get } from '../../constants.js';
import sx from '../../sx.js';

/**
 * @deprecated A new filter component is in progress.
 * Until the new filter component is ready, you can use Button + TextInput + ActionList to reproduce this pattern.
 */
const FilteredSearch = styled.div.withConfig({
  displayName: "FilteredSearch",
  componentId: "sc-1lfsrbw-0"
})(["display:flex;align-items:stretch;summary,> button{border-radius:0;border-top-left-radius:", ";border-bottom-left-radius:", ";border-right:0;}.TextInput-wrapper{border-radius:0;border-top-right-radius:", ";border-bottom-right-radius:", ";}", ""], get('radii.2'), get('radii.2'), get('radii.2'), get('radii.2'), sx);

export { FilteredSearch as default };