@while-and-for/tremor-react
Version:
The React library to build dashboards faster.
2 lines (1 loc) • 1.22 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");require("../../icon-elements/Badge/Badge.cjs"),require("../../icon-elements/BadgeDelta/BadgeDelta.cjs");var r=require("../../icon-elements/Icon/Icon.cjs"),t=require("react"),o=require("../../../lib/tremorTwMerge.cjs");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=n(t);exports.NavButton=t=>{var{onClick:n,icon:d}=t,c=e.__rest(t,["onClick","icon"]);const u=d;return a.default.createElement("button",Object.assign({type:"button",className:o.tremorTwMerge("flex items-center justify-center p-1 h-7 w-7 outline-none focus:ring-2 transition duration-100 border border-tremor-border dark:border-dark-tremor-border hover:bg-tremor-background-muted dark:hover:bg-dark-tremor-background-muted rounded-tremor-small focus:border-tremor-brand-subtle select-none dark:focus:border-dark-tremor-brand-subtle focus:ring-tremor-brand-muted dark:focus:ring-dark-tremor-brand-muted text-tremor-content-subtle dark:text-dark-tremor-content-subtle hover:text-tremor-content dark:hover:text-dark-tremor-content")},c),a.default.createElement(r.default,{onClick:n,icon:u,variant:"simple",color:"slate",size:"xs"}))};