{"version":3,"file":"FolderCardBodyAction.mjs","sources":["../../../../../admin/src/components/FolderCard/FolderCardBodyAction/FolderCardBodyAction.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Box, BoxProps } from '@strapi/design-system';\nimport { NavLink, LinkProps } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nconst BoxOutline = styled(Box)`\n  &:focus {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst BoxTextDecoration = styled(BoxOutline)`\n  text-decoration: none;\n`;\n\ninterface FolderCardBodyActionProps extends BoxProps {\n  to?: LinkProps['to'];\n}\n\nexport const FolderCardBodyAction = ({ to, ...props }: FolderCardBodyActionProps) => {\n  if (to) {\n    return (\n      <BoxTextDecoration\n        // padding needed to give outline space to appear\n        // since FolderCardBody needs overflow hidden property\n        padding={1}\n        tag={NavLink}\n        maxWidth=\"100%\"\n        to={to}\n        {...props}\n      />\n    );\n  }\n\n  return <BoxOutline padding={1} tag=\"button\" type=\"button\" maxWidth=\"100%\" {...props} />;\n};\n"],"names":["BoxOutline","styled","Box","theme","colors","primary600","BoxTextDecoration","FolderCardBodyAction","to","props","_jsx","padding","tag","NavLink","maxWidth","type"],"mappings":";;;;;AAAA;AAKA,MAAMA,UAAAA,GAAaC,MAAAA,CAAOC,GAAAA,CAAI;;uBAEP,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;AAGhE,CAAC;AAED,MAAMC,iBAAAA,GAAoBL,MAAAA,CAAOD,UAAAA,CAAW;;AAE5C,CAAC;MAMYO,oBAAAA,GAAuB,CAAC,EAAEC,EAAE,EAAE,GAAGC,KAAAA,EAAkC,GAAA;AAC9E,IAAA,IAAID,EAAAA,EAAI;AACN,QAAA,qBACEE,GAAA,CAACJ,iBAAAA,EAAAA;;;YAGCK,OAAAA,EAAS,CAAA;YACTC,GAAAA,EAAKC,OAAAA;YACLC,QAAAA,EAAS,MAAA;YACTN,EAAAA,EAAIA,EAAAA;AACH,YAAA,GAAGC;;AAGV,IAAA;AAEA,IAAA,qBAAOC,GAAA,CAACV,UAAAA,EAAAA;QAAWW,OAAAA,EAAS,CAAA;QAAGC,GAAAA,EAAI,QAAA;QAASG,IAAAA,EAAK,QAAA;QAASD,QAAAA,EAAS,MAAA;AAAQ,QAAA,GAAGL;;AAChF;;;;"}