@bothub-chat/ui/dist/components/pagination/styled.js

Bothub UI Components

import{styled as o,css as n}from"styled-components";import{getTypographyStyles as t}from"../typography/styled.js";import{ArrowNarrowLeftIcon as e}from"../../icons/arrow-narrow-left/index.js";const r=o.div.withConfig({displayName:"styled__Container",componentId:"sc-ntx2x7-0"})(["display:inline-flex;align-items:center;gap:4px;"]),i=o.button.attrs({type:"button"}).withConfig({displayName:"styled__PaginatorItem",componentId:"sc-ntx2x7-1"})(["background:none;outline:none;border:none;",";border-radius:8px;padding:6px 14px;cursor:pointer;color:",";"," ",")}"],t("body-m-medium"),(({theme:o})=>o.colors.base.white),(({$active:o})=>o&&n`
      background-color: ${({theme:o})=>o.colors.accent.primary};
    `),(({$disabled:o})=>o&&n`
      pointer-events: none;
    `)),d=o.button.attrs({type:"button"}).withConfig({displayName:"styled__ControlButton",componentId:"sc-ntx2x7-2"})(["background:none;outline:none;border:none;cursor:pointer;padding:6px 10px;",""],(({$disabled:o})=>o&&n`
      pointer-events: none;
    `)),s=o(e).withConfig({displayName:"styled__ArrowIcon",componentId:"sc-ntx2x7-3"})(["position:relative;top:2px;"]),p=o(s).withConfig({displayName:"styled__ArrowNextIcon",componentId:"sc-ntx2x7-4"})(["transform:rotate(180deg);"]);export{s as ArrowIcon,p as ArrowNextIcon,r as Container,d as ControlButton,i as PaginatorItem};