Item

bun add @adila-sh/ui

import {
  Item,
  ItemMedia,
  ItemContent,
  ItemTitle,
  ItemDescription,
  ItemActions,
} from '@adila-sh/ui';
import { Button } from '@adila-sh/ui';
import { Music } from 'lucide-react';

export function Example() {
  return (
    <Item variant="outline">
      <ItemMedia variant="icon">
        <Music />
      </ItemMedia>
      <ItemContent>
        <ItemTitle>Playlist relaxante</ItemTitle>
        <ItemDescription>32 músicas · 2h 14min</ItemDescription>
      </ItemContent>
      <ItemActions>
        <Button variant="outline" size="sm">
          Abrir
        </Button>
      </ItemActions>
    </Item>
  );
}