Files
twenty/packages/twenty-ui/src/layout/card/components/CardFooter.tsx
gitstart-app[bot] 1dfeba39eb Migrate to twenty-ui - layout/card (#8003)
This PR was created by [GitStart](https://gitstart.com/) to address the
requirements from this ticket:
[TWNTY-7532](https://clients.gitstart.com/twenty/5449/tickets/TWNTY-7532).

 --- 

### Description

Migrate:

- Card
- CardContent
- CardFooter
- CardHeader

### Demo

Card in Storybook


![](https://assets-service.gitstart.com/4814/d6759b99-7d5f-4177-acdf-1c57786330a3.png)

###### Fixes twentyhq/private-issues#86

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
2024-10-24 16:36:06 +02:00

13 lines
460 B
TypeScript

import { css } from '@emotion/react';
import styled from '@emotion/styled';
const StyledCardFooter = styled.div<{ divider?: boolean }>`
background-color: ${({ theme }) => theme.background.primary};
border-top: ${({ divider = true, theme }) =>
divider ? css`1px solid ${theme.border.color.medium}` : 0};
font-size: ${({ theme }) => theme.font.size.sm};
padding: ${({ theme }) => theme.spacing(2, 4)};
`;
export { StyledCardFooter as CardFooter };